Use Selector on React

[tutods]

Hi
I'm trying to use a selector to get my customers list from my api, but I have this error on my browser console:

I use the recoil this way:

const customersState = selector<CustomerType[]>({
	key: 'customers',
	get: async () => {
		try {
			const { data } = await api.get<CustomerListResponseType>('customers');

			return data.customers;
		} catch (error: any) {
			throw error;
		}
	}
});

export { customersState };

And use on my page this way:

const customers = useRecoilValue(customersState);

	// List of Customers or results of search
	const [results, setResults] = useState<CustomerType[]>(customers);

	// Search
	const fuse = new Fuse<CustomerType>(customers || [], {
		keys: ['name', 'code', 'contactPrimary', 'contactSecondary']
	});

	// Method to run when search
	const onSearch = useCallback((evt: ChangeEvent<HTMLInputElement>) => {
		if (evt.target.value !== '') {
			setResults(
				fuse.search(evt.target.value).map((fuseItem) => fuseItem.item)
			);
		} else {
			setResults(customers);
		}
	}, [customers, fuse]);

// ...

return (
// ....

{results &&
				<Suspense fallback={<Loading />}>
					{(viewMode === 'grid' ? (
						<CustomersGridMode customers={results} />
					) : (
						<CustomersListMode customers={results} />
					))}
				</Suspense>
			}
// ...
)

Anyone can help me please?

[drarmstr]

Is your <EnvironmentProvider> component actually mounted?

[tutods]

I only have the <RecoilRoot>