Ошибка при импорте гидратров и маршрутизаторов от React-Router/DOM ​​в проекте TypeScript ⇐ Javascript

[Anonymous]

const router = createBrowserRouter([
{
path: "/",
element: ,
},
{
path: "/signin",
element: ,
},
]);
< /code>
< /blockquote>

C:\Users\chait\OneDrive\Desktop\document\3_Coding\4-Popx\node_modules\react-router-dom\dist\index.mjs:13:48
12 | // index.ts
13 | import { HydratedRouter, RouterProvider } from "react-router/dom";
> | ^^^^^^^^^^^^^^^^^^
14 | export * from "react-router";
15 | export {

@parcel/resolver-default: Cannot load file './dom' from module 'react-router'
< /code>
< /blockquote>
Я работаю над проектом React и пытаюсь настроить маршрутизацию.

в моем файле index.js < /code> я написал: < /p>
import { createBrowserRouter, RouterProvider, Outlet } from "react-router";
< /code>
Но я получаю эту ошибку: < /p>
Error | // index.js > 13 | import { HydratedRouter, RouterProvider } from "react-router/dom";

Я установил React-router-dom с использованием:
npm install react-router-dom


Подробнее здесь: https://stackoverflow.com/questions/797 ... ter-dom-in