import { Refine } from "@refinedev/core";
import routerProvider, { NavigateToResource } from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";
import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";
const API_URL = "<https://api.fake-rest.refine.dev";>
const App: React.FC = () => {
return (
<BrowserRouter>
<Refine
routerProvider={routerProvider}
dataProvider={dataProvider(API_URL)}
resources={[
{
name: "CMS",
},
{
name: "posts",
list: "/CMS/posts",
meta: { parent: "CMS" },
},
{
name: "categories",
list: "/CMS/categories",
meta: { parent: "CMS" },
},
]}
>
<Routes>
<Route
element={<Layout><Outlet /></Layout>}
>
<Route index element={<NavigateToResource />} />
<Route
path="/posts"
element={<div>dummy posts page</div>}
/>
<Route
path="/categories"
element={<div>dummy categories page</div>}
/>
</Route>
</Routes>
</Refine>
</BrowserRouter>
);
};
export default App;
import { Refine } from "@refinedev/core";
import routerProvider, { NavigateToResource } from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";
import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";
const API_URL = "<https://api.fake-rest.refine.dev";>
const App: React.FC = () => {
return (
<BrowserRouter>
<Refine
routerProvider={routerProvider}
dataProvider={dataProvider(API_URL)}
resources={[
{
name: "CMS",
},
{
name: "posts",
list: "/CMS/posts",
meta: { parent: "CMS" },
},
{
name: "categories",
list: "/CMS/categories",
meta: { parent: "CMS" },
},
]}
>
<Routes>
<Route
element={<Layout><Outlet /></Layout>}
>
<Route index element={<NavigateToResource />} />
<Route
path="/posts"
element={<div>dummy posts page</div>}
/>
<Route
path="/categories"
element={<div>dummy categories page</div>}
/>
</Route>
</Routes>
</Refine>
</BrowserRouter>
);
};
export default App;