TanStack Router provider for react-admin
npm install ra-router-tanstackTanStack Router adapter for react-admin.
``sh`
npm install ra-router-tanstack @tanstack/react-router @tanstack/historyor
yarn add ra-router-tanstack @tanstack/react-router @tanstack/history
Use tanStackRouterProvider as the routerProvider prop on :
`tsx
import { Admin, Resource } from 'react-admin';
import { tanStackRouterProvider } from 'ra-router-tanstack';
const App = () => (
);
`
When embedding react-admin inside an existing TanStack Router application, use the basename prop:
`tsx
import { Admin, Resource } from 'react-admin';
import { tanStackRouterProvider } from 'ra-router-tanstack';
const AdminApp = () => (
dataProvider={dataProvider}
basename="/admin"
>
);
`
Then mount it in your TanStack Router route tree.
Use tanStackRouterProvider.Route for custom routes:
`tsx
import { Admin, CustomRoutes } from 'react-admin';
import { tanStackRouterProvider } from 'ra-router-tanstack';
const { Route } = tanStackRouterProvider;
const App = () => (
);
``
MIT