javascriptの変数にPHPの埋め込みでエラー

javascriptの変数にphpの配列を入れる

前提

下記のエラーメッセージがでます。
Reactを使用しているのでjsxと認識されているのだと考えておりますがコンポーネントのなかでの埋め込みは不可能なのでしょうか？

ncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag (5:0) (at babel.min.js:7:10099) 3 | function Players() { 4 | const player_names = <br /> > 5 | <b>Warning</b>: Array to string conversion in <b>C:\xampp\htdocs\players_name\teams.php</b> on line <b>128</b><br /> | ^ 6 | Array console.log(player_names

該当のソースコード

JavaScript

12 <div id = "root"></div>3 <script type="text/babel">4 5 function Players() {6 const player_names = <?php echo $name;?>;　//$nameという配列7 console.log(player_names);8 9 return(10 <div id = 'players_list'></div>11 )12 }13 14 const root = ReactDOM.createRoot(15 document.getElementById('root')16 );17 18 root.render(19 <div>20 <Players/>21 </div>22 );23 24 25 26 27</script>28 29 30