Почему я не могу использовать в качестве компонента внутри в React Router? ⇐ Javascript

[Anonymous]

Добрый вечер, < /p>
Я в настоящее время создаю папку маршрутов, чтобы лучше организовать мой проект по мере его роста. < /p>
Я создал файл с именем Gameroutes .jsx, но когда я импортирую и использую его в моем app.jsx, я не могу использовать его как component () . Вместо этого я должен назвать это как функция ({gameroutes ()}).
my setup:

"React": "^18.3.1", < /li>
"React-router-dom": "^7.1.4", < /strong > < /li>
< /ul>
Мой вопрос:
• Почему я не могу использовать внутри, как обычный компонент React?
• Зачем мне нужно Чтобы назвать это как {gameroutes ()} вместо этого? < /p>

Код: Выделить всё

// Import routes
import GameRoutes from '@/routes/GameRoutes';



{/* PUBLIC */}



{GameRoutes()} {/* Works, but why not  ? */}

src/routes/gameroutes.jsx[/b]

Код: Выделить всё

import { Route } from 'react-router-dom';
import Games from '@/games/_Games/Games';
import TicTacToe from '@/games/TicTacToe/TicTacToe';
import TicReact from '@/games/TicTacToe/TicReact/TicReact';
import TicMe from '@/games/TicTacToe/TicMe/TicMe';

const GameRoutes = () => {
return (






);
};

export default GameRoutes;

Заранее спасибо за помощь!

Подробнее здесь: https://stackoverflow.com/questions/794 ... act-router