@elementor/query

Query

Warning

This package is under development and not ready for production use.

This package is a wrapper around react-query in order to easily expose it in the Editor.

For more information about react-query please refer to the official documentation.

Usage

import { createQueryClient, QueryClientProvider, useQuery } from '@elementor/query';

const queryClient = createQueryClient();

const App = () => (
	<QueryClientProvider client={ queryClient }>
		<MyComponent />
	</QueryClientProvider>
);

const MyComponent = () => {
	const { data: todos, isLoading } = useQuery( 'todos', () => fetch( /* ... */ ) );
	
	if ( isLoading ) {
		return <div>Loading...</div>;
	}
	
	return todos.map( /* ... */ );
};