Получаю данные по апи с популярными крипто-монетами на страницу, хотел сделать так чтоб при нажатии на какую-то из них открывалась страница с более подробным описанием и столкнулся с тем что получаю ошибку:
Type '{ children: Element; to: string; key: string; element: Element; }' is not assignable to type 'IntrinsicAttributes & LinkProps & RefAttributes'. Property 'element' does not exist on type 'IntrinsicAttributes & LinkProps & RefAttributes'.
/*Мой App.tsx с роутингом, тут все работает хорошо:*/
<Navbar />
<Routes>
<Route path="/" element={<Coins coins={coins} />} />
<Route path="/coin" element={<Coin />}>
<Route path=":coinId" element={<Coin />} />
</Route>
</Routes>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Ошибку получаю уже в своем компоненте Coins (в нем принимаю пропсы и мапом вывожу все монеты)
export default function Coins(props: IPropsCoins) {
return (
<>
<div className="description-row">
{props.coins.map((coins) => {
return (
<Link to={`/coin/${coins.id}`} key={coins.id} element={<Coin />}>
<CoinItem coins={coins} />
</Link>
);
})}
</div>
</>
);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Ошибкой подсвечивает "element", текст ошибки вставил выше, в чем может быть проблема?