Здраствуйте как мой код из JS преобразить в JSX?

import Music from './componens/Music/Music';
import Roote from './Roote';
import News from './componens/News/News';
import Clasik from "./componens/Music/Clasik";
import Dialogs from "./componens/Dialogs/Dialogs";
import Profili from "./componens/Profili/Profili";
import store from "./redux/redux-store";
import {
  createBrowserRouter

} from "react-router-dom";


export const router = createBrowserRouter([    
  {
    path: "/",
  element:<Roote state={store.getState()} 
  dispatch={store.dispatch.bind(store)} />,
    
   children: [
      {
        path: "dialogs",
        element: <Dialogs state={store.getState()} 
        dispatch={store.dispatch.bind(store)}/>,
      },
      {
        path: "news",
        element: <News />,
      },
      {
        path: "music",
        element: <Music />,
      },
          {
            path: "music/clasik",
            element: <Clasik />,
          },
        
      
      {
        path: "profili",
        element: <Profili 
       state={store.getState()}
        dispatch={store.dispatch.bind(store)} />,
      },
    ],
  },
  
]);