Multi Data Provider not working for me
Idk what I'm doing wrong but I get an error Error: (0 , _providers_data_providerWEBPACK_IMPORTED_MODULE_4.dataProvider) is not a function
I'm using Nextjs, AntDesign
in my Layout.tsx
import { dataProvider } from "@providers/data-provider";
dataProvider={{
default: dataProvider(OTHER_API_URL),
fake: dataProvider(API_URL),
}}
in my data-provider.ts
"use client";
import { DataProvider } from "@refinedev/core";
export const dataProvider = (url: string): DataProvider => ({
getList: async ({resource}) => {
const response = await fetch(
const data = await response.json();
return {
data: data.data,
total: data.data.length,
};
},
getOne: async () => {
throw new Error("Not implemented");
},
getMany: async () => {
throw new Error("Not implemented");
},
update: async () => {
throw new Error("Not implemented");
},
updateMany: async () => {
throw new Error("Not implemented");
},
create: async () => {
throw new Error("Not implemented");
},
deleteOne: async () => {
throw new Error("Not implemented");
},
getApiUrl: () => {
return url;
}
})
and in my page where i'm called this
const { data: fabricData, isLoading: fabricIsLoading } = useList({
dataProviderName: "default",
resource:
"crm/fetch/data,
});
I'm using Nextjs, AntDesign
in my Layout.tsx
import { dataProvider } from "@providers/data-provider";
dataProvider={{
default: dataProvider(OTHER_API_URL),
fake: dataProvider(API_URL),
}}
in my data-provider.ts
"use client";
import { DataProvider } from "@refinedev/core";
export const dataProvider = (url: string): DataProvider => ({
getList: async ({resource}) => {
const response = await fetch(
${url}/${resource});const data = await response.json();
return {
data: data.data,
total: data.data.length,
};
},
getOne: async () => {
throw new Error("Not implemented");
},
getMany: async () => {
throw new Error("Not implemented");
},
update: async () => {
throw new Error("Not implemented");
},
updateMany: async () => {
throw new Error("Not implemented");
},
create: async () => {
throw new Error("Not implemented");
},
deleteOne: async () => {
throw new Error("Not implemented");
},
getApiUrl: () => {
return url;
}
})
and in my page where i'm called this
const { data: fabricData, isLoading: fabricIsLoading } = useList({
dataProviderName: "default",
resource:
"crm/fetch/data,
});
