@@ -226,7 +226,7 @@ import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
226
226
import { useNotificationProvider } from " @refinedev/antd" ;
227
227
import " @refinedev/antd/dist/reset.css" ;
228
228
229
- import routerBindings , {
229
+ import routerProvider , {
230
230
DocumentTitleHandler ,
231
231
UnsavedChangesNotifier ,
232
232
} from " @refinedev/react-router" ;
@@ -244,7 +244,7 @@ function App() {
244
244
dataProvider = { dataProvider (supabaseClient )}
245
245
liveProvider = { liveProvider (supabaseClient )}
246
246
authProvider = { authProvider }
247
- routerProvider = { routerBindings }
247
+ routerProvider = { routerProvider }
248
248
notificationProvider = { useNotificationProvider }
249
249
options = { {
250
250
syncWithLocation: true ,
@@ -338,7 +338,7 @@ After creating files above you need to add some imports and [routes](/docs/packa
338
338
import { GitHubBanner , Refine , Authenticated } from " @refinedev/core" ;
339
339
import { useNotificationProvider , ErrorComponent } from " @refinedev/antd" ;
340
340
import { dataProvider , liveProvider } from " @refinedev/supabase" ;
341
- import routerBindings , { NavigateToResource } from " @refinedev/react-router" ;
341
+ import routerProvider , { NavigateToResource } from " @refinedev/react-router" ;
342
342
import { BrowserRouter , Routes , Route , Outlet } from " react-router-dom" ;
343
343
import { ConfigProvider } from " antd" ;
344
344
import { GithubOutlined } from " @ant-design/icons" ;
@@ -374,7 +374,7 @@ function App() {
374
374
dataProvider = { dataProvider (supabaseClient )}
375
375
liveProvider = { liveProvider (supabaseClient )}
376
376
auditLogProvider = { auditLogProvider }
377
- routerProvider = { routerBindings }
377
+ routerProvider = { routerProvider }
378
378
resources = { [
379
379
{
380
380
name: " canvases" ,
@@ -644,7 +644,7 @@ Let's look at the routes implementation:
644
644
645
645
``` tsx title="src/components/layout/header/index.tsx"
646
646
import { Refine , Authenticated } from " @refinedev/core" ;
647
- import routerBindings , { NavigateToResource } from " @refinedev/react-router" ;
647
+ import routerProvider , { NavigateToResource } from " @refinedev/react-router" ;
648
648
import { BrowserRouter , Routes , Route , Outlet } from " react-router-dom" ;
649
649
import { GithubOutlined } from " @ant-design/icons" ;
650
650
import { AuthPage } from " ./pages/auth" ;
@@ -654,7 +654,7 @@ const App = () => {
654
654
<BrowserRouter >
655
655
<Refine
656
656
// ...
657
- routerProvider = { routerBindings }
657
+ routerProvider = { routerProvider }
658
658
>
659
659
<Routes >
660
660
<Route
@@ -1206,7 +1206,7 @@ Namely, authentication related routing has been added:
1206
1206
1207
1207
``` tsx title="src/App.tsx"
1208
1208
import { Refine , Authenticated } from " @refinedev/core" ;
1209
- import routerBindings , { NavigateToResource } from " @refinedev/react-router" ;
1209
+ import routerProvider , { NavigateToResource } from " @refinedev/react-router" ;
1210
1210
import { BrowserRouter , Routes , Route , Outlet } from " react-router-dom" ;
1211
1211
import { GithubOutlined } from " @ant-design/icons" ;
1212
1212
import { AuthPage } from " ./pages/auth" ;
@@ -1218,7 +1218,7 @@ const App = () => {
1218
1218
<Refine
1219
1219
// ...
1220
1220
authProvider = { authProvider }
1221
- routerProvider = { routerBindings }
1221
+ routerProvider = { routerProvider }
1222
1222
>
1223
1223
<Routes >
1224
1224
{ /* ... */ }
@@ -1309,7 +1309,7 @@ Remember, we've already replaced `App.tx` code with the following:
1309
1309
import { GitHubBanner , Refine , Authenticated } from " @refinedev/core" ;
1310
1310
import { useNotificationProvider , ErrorComponent } from " @refinedev/antd" ;
1311
1311
import { dataProvider , liveProvider } from " @refinedev/supabase" ;
1312
- import routerBindings , { NavigateToResource } from " @refinedev/react-router" ;
1312
+ import routerProvider , { NavigateToResource } from " @refinedev/react-router" ;
1313
1313
import { BrowserRouter , Routes , Route , Outlet } from " react-router-dom" ;
1314
1314
import { ConfigProvider } from " antd" ;
1315
1315
import { GithubOutlined } from " @ant-design/icons" ;
@@ -1345,7 +1345,7 @@ function App() {
1345
1345
dataProvider = { dataProvider (supabaseClient )}
1346
1346
liveProvider = { liveProvider (supabaseClient )}
1347
1347
auditLogProvider = { auditLogProvider }
1348
- routerProvider = { routerBindings }
1348
+ routerProvider = { routerProvider }
1349
1349
resources = { [
1350
1350
{
1351
1351
name: " canvases" ,
@@ -1480,7 +1480,7 @@ Now it's time to focus on the Home page of our application. We put the `<CanvasF
1480
1480
1481
1481
``` tsx title="App.tsx"
1482
1482
import { Refine } from " @refinedev/core" ;
1483
- import routerBindings from " @refinedev/react-router" ;
1483
+ import routerProvider from " @refinedev/react-router" ;
1484
1484
import { BrowserRouter , Routes , Route , Outlet } from " react-router-dom" ;
1485
1485
import { Layout } from " ./components/layout" ;
1486
1486
import { CanvasFeaturedList } from " ./pages/canvases" ;
@@ -1490,7 +1490,7 @@ const App = () => {
1490
1490
<BrowserRouter >
1491
1491
<Refine
1492
1492
// ...
1493
- routerProvider = { routerBindings }
1493
+ routerProvider = { routerProvider }
1494
1494
>
1495
1495
<Routes >
1496
1496
{ /* ... */ }
0 commit comments