react-query，无效的钩子调用

Question

我正在尝试创建一个函数来轻松执行查询。也许最初我做错了一切，如果您纠正我，我会很高兴。 我创建了文件Request.js：

import React from "react";
import { useQuery } from 'react-query'

export const Request = (method = "GET", body = {}, url = 'http://localhost:3000/notes') => {
  const parameters = {
    headers: {
      'Content-Type': 'application/json',
    },
    method: method,
  };
  if (method == "POST" || method == "PUT") {
    parameters.body = JSON.stringify(body);
  }

  const { status, data, isFetching, error } = useQuery("repoData", async (url, parameters) => {
    return await fetch(
      url, parameters
    )
  });

  if (status === 'loading') {
    return <div>loading...</div> // loading state
  }

  if (status === 'error') {
    return <div>{error.message}</div> // error state
  }

  return data;
};

在index.js中，我调用了此函数

import { Request } from './Request/Request';
console.log(Request());

但是我有错误 错误：无效的挂钩调用。挂钩只能在功能组件的主体内部调用。