No QueryClient set, use QueryClientProvider to set one
// Package Imports
import React, { createContext, useContext, useState } from 'react';
// Project Imports
import type ResourceItem from 'interfaces/resource';
import { Permission, Token, TokenContextType } from 'contexts/resource/type';
import { useSimpleList } from '@refinedev/antd';
const TokenContext = createContext<TokenContextType>({
token: undefined,
setToken() {
throw new Error('setToken function is not implemented');
},
crudPermissions: [],
setCrudPermission() {
throw new Error('setCrudPermission function is not implemented');
},
modulePermission: [],
setModulePermission() {
throw new Error('setModulePermission function is not implemented');
},
filteredResources: [],
setFilteredResources() {
throw new Error('setFilteredResources function is not implemented');
},
});
export function useTokenContext() {
return useContext(TokenContext);
}
const TokenProvider = ({ children }: { children: React.ReactNode }) => {
const [token, setToken] = useState<Token>(undefined);
const [crudPermissions, setCrudPermission] = useState<Permission>([]);
const [modulePermission, setModulePermission] = useState<Permission>([]);
const [filteredResources, setFilteredResources] = useState<ResourceItem[]>(
[]
);
const { listProps } = useSimpleList({
resource: 'products',
queryOptions: {
enabled: token && true
}
});
console.log(listProps, 'listProps')
return (
<TokenContext.Provider
value={{
token,
setToken,
crudPermissions,
setCrudPermission,
modulePermission,
setModulePermission,
filteredResources,
setFilteredResources,
}}
>
{children}
</TokenContext.Provider>
);
};
export default TokenProvider;
with this i want to set data from list props into setModulePermissions
import React, { createContext, useContext, useState } from 'react';
// Project Imports
import type ResourceItem from 'interfaces/resource';
import { Permission, Token, TokenContextType } from 'contexts/resource/type';
import { useSimpleList } from '@refinedev/antd';
const TokenContext = createContext<TokenContextType>({
token: undefined,
setToken() {
throw new Error('setToken function is not implemented');
},
crudPermissions: [],
setCrudPermission() {
throw new Error('setCrudPermission function is not implemented');
},
modulePermission: [],
setModulePermission() {
throw new Error('setModulePermission function is not implemented');
},
filteredResources: [],
setFilteredResources() {
throw new Error('setFilteredResources function is not implemented');
},
});
export function useTokenContext() {
return useContext(TokenContext);
}
const TokenProvider = ({ children }: { children: React.ReactNode }) => {
const [token, setToken] = useState<Token>(undefined);
const [crudPermissions, setCrudPermission] = useState<Permission>([]);
const [modulePermission, setModulePermission] = useState<Permission>([]);
const [filteredResources, setFilteredResources] = useState<ResourceItem[]>(
[]
);
const { listProps } = useSimpleList({
resource: 'products',
queryOptions: {
enabled: token && true
}
});
console.log(listProps, 'listProps')
return (
<TokenContext.Provider
value={{
token,
setToken,
crudPermissions,
setCrudPermission,
modulePermission,
setModulePermission,
filteredResources,
setFilteredResources,
}}
>
{children}
</TokenContext.Provider>
);
};
export default TokenProvider;
with this i want to set data from list props into setModulePermissions
