I am facing import type issue when trying to use react-router-dom:6.22.3 with TypeScript in React project

import { Route, createBrowserRouter, createRoutesFromElements } from "react-router-dom";
import type { RouteObject } from "react-router-dom";
import Root from "@src/routes/Root";
import Home from "@src/routes/Home";

const routes: RouteObject[] = createRoutesFromElements(
    <Route path="/" element={<Root />}>
        <Route index element={<Home />} />
    </Route>
);

const opts: DOMRouterOpts =

export const router: Router = createBrowserRouter(routes, opts);

VSCode couldn’t find the interface DOMRouterOpts and type Router (type returned from function createBrowserRouter).

I tried to install @types/react-router-dom from npm but the latest version is 5.3.3 which is not applicable for my current version 6.22.3.

Does anyone know how to fix this problem?