AntdInferencer not working even adjusting the new API

K

kapa.ai•4/6/23, 9:22 AM

Hi @pkalib. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

K

kapa.ai•4/6/23, 9:23 AM

----------------------
Based on the information extracts provided, you can use the

<AntdInferencer>

<AntdInferencer>

<AntdInferencer>

<AntdInferencer> component to generate a sample list view for your resources. However, the example provided in the extracts does not include the

resource

resource

resource

resource and

action

action

action

action props. Here's the example from the extracts:

import { Refine } from "@refinedev/core";
import { Layout } from "@refinedev/antd";
import routerProvider from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";

import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";

import { AntdInferencer } from "@refinedev/inferencer/antd";

const API_URL = "https://api.fake-rest.refine.dev";

const App: React.FC = () => {
  return (
    <BrowserRouter>
      <Refine
        routerProvider={routerProvider}
        dataProvider={dataProvider(API_URL)}
        resources={[
          {
            name: "samples",
            list: "/samples",
          },
        ]}
      >
        <Routes>
          <Route
            element={
              <Layout>
                <Outlet />
              </Layout>
            }
          >
            <Route path="/samples" element={<AntdInferencer />} />
          </Route>
        </Routes>
      </Refine>
    </BrowserRouter>
  );
};

import { Refine } from "@refinedev/core";
import { Layout } from "@refinedev/antd";
import routerProvider from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";

import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";

import { AntdInferencer } from "@refinedev/inferencer/antd";

const API_URL = "https://api.fake-rest.refine.dev";

const App: React.FC = () => {
  return (
    <BrowserRouter>
      <Refine
        routerProvider={routerProvider}
        dataProvider={dataProvider(API_URL)}
        resources={[
          {
            name: "samples",
            list: "/samples",
          },
        ]}
      >
        <Routes>
          <Route
            element={
              <Layout>
                <Outlet />
              </Layout>
            }
          >
            <Route path="/samples" element={<AntdInferencer />} />
          </Route>
        </Routes>
      </Refine>
    </BrowserRouter>
  );
};

import { Refine } from "@refinedev/core";
import { Layout } from "@refinedev/antd";
import routerProvider from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";

import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";

import { AntdInferencer } from "@refinedev/inferencer/antd";

const API_URL = "https://api.fake-rest.refine.dev";

const App: React.FC = () => {
  return (
    <BrowserRouter>
      <Refine
        routerProvider={routerProvider}
        dataProvider={dataProvider(API_URL)}
        resources={[
          {
            name: "samples",
            list: "/samples",
          },
        ]}
      >
        <Routes>
          <Route
            element={
              <Layout>
                <Outlet />
              </Layout>
            }
          >
            <Route path="/samples" element={<AntdInferencer />} />
          </Route>
        </Routes>
      </Refine>
    </BrowserRouter>
  );
};

import { Refine } from "@refinedev/core";
import { Layout } from "@refinedev/antd";
import routerProvider from "@refinedev/react-router-v6";
import dataProvider from "@refinedev/simple-rest";

import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";

import { AntdInferencer } from "@refinedev/inferencer/antd";

const API_URL = "https://api.fake-rest.refine.dev";

const App: React.FC = () => {
  return (
    <BrowserRouter>
      <Refine
        routerProvider={routerProvider}
        dataProvider={dataProvider(API_URL)}
        resources={[
          {
            name: "samples",
            list: "/samples",
          },
        ]}
      >
        <Routes>
          <Route
            element={
              <Layout>
                <Outlet />
              </Layout>
            }
          >
            <Route path="/samples" element={<AntdInferencer />} />
          </Route>
        </Routes>
      </Refine>
    </BrowserRouter>
  );
};

To use the

<AntdInferencer>

<AntdInferencer>

<AntdInferencer>

<AntdInferencer> component with the

resource

resource

resource

resource and

action

action

action

action props, you can modify the example like this:

<Route path="/blogs" element={<AntdInferencer resource="blogs" action="list" />} />

<Route path="/blogs" element={<AntdInferencer resource="blogs" action="list" />} />

<Route path="/blogs" element={<AntdInferencer resource="blogs" action="list" />} />

<Route path="/blogs" element={<AntdInferencer resource="blogs" action="list" />} />

Please note that this modification is not directly from the provided extracts, but it's based on the information available in the extracts.
----------------------

Note: you can ask me a follow up question by @ mentioning me again

Note: you can ask me a follow up question by @ mentioning me again

----------------------

K

kapa.ai•4/6/23, 9:23 AM

@329809837338656770 kapa.ai is still learning and improving, please let us how it did by reacting below

P

progressive-amaranthOP•4/6/23, 9:23 AM

um using nextjs

C

colossal-harlequin•4/6/23, 9:26 AM

Hey @pkalib,

Did you define your resources in

<Refine>

<Refine>

<Refine>

<Refine> component?

P

progressive-amaranthOP•4/6/23, 9:36 AM

yes

P

progressive-amaranthOP•4/6/23, 9:36 AM

C

colossal-harlequin•4/6/23, 9:52 AM

Can you explain in details such as console errors?

P

progressive-amaranthOP•4/6/23, 9:53 AM

there is no error actualy

P

progressive-amaranthOP•4/6/23, 9:53 AM

it just dont render

C

colossal-harlequin•4/6/23, 9:55 AM

It's interesting can you create a codesandbox environment to investigate it?

C

colossal-harlequin•4/6/23, 9:57 AM

Btw, refine.new is using the Inferencer to create projects and they work as expected.

E

efficient-indigo•4/6/23, 10:03 AM

Hey @pkalib any chance to try out the other actions such as show?

E

efficient-indigo•4/6/23, 10:03 AM

Are you trying with a new project or migrating an existing one to v4?

P

progressive-amaranthOP•4/6/23, 10:30 AM

Sure I will

P

progressive-amaranthOP•4/6/23, 10:43 AM

the project was created via cli then I updated it since it prompted new changes