Este es el código que tengo actualmente en el proyecto, pero ni siquiera puedo ejecutarlo porque me sigue saliendo el error que traje en el título: Uncaught TypeError: (0, react_query__WEBPACK_IMPORTED_MODULE_9 __. UseQuery) (...) no es una función

El depurador muestra que proviene directamente de la línea donde declaré el objeto useQuery . ¿Algunas ideas?

 import { useQuery, QueryClient, QueryClientProvider, } from 'react-query'; const queryClient = new QueryClient() const api = axios.create({ baseURL: `http://localhost:5000/api`, }); export default function QueryProvider() { return ( <QueryClientProvider client={queryClient}> <App/> </QueryClientProvider> ) } function App() { const classes = useStyles(); const [table, setTable] = useRecoilState(TableProvider); const { status, data } = useQuery( 'todos', async () => { const res = await api.get("/") return res.data }, { refetchInterval: 1000, } ) return( <p>data</p> ): }