Javascript 创建一个客户机并添加一个提供程序，以便使用Next.js中的useQuery在代码中使用jest进行测试

我试图在一段代码中进行快照测试，该代码使用useQuery从cms获取数据

我尝试模拟useQuery函数但没有成功，控制台向我发送了此错误

Default Client: No client has been specified using urql's Provider.This means that urql will be falling back to defaults including making requests to `/graphql`.
If that's not what you want, please create a client and add a Provider. 

测试文件非常简单

index.test.js

从“React”导入React
导入“jest样式的组件”
从“./index”导入菜单
描述（'菜单'，（）=>{
它（'正确渲染'，（）=>{
常量选项卡=[
{
“titulo”：“标题1”，
“ctAsCollection”：{
“项目”：[…]，
},
“链接集合”：{
“项目”：[
{
“blocoImagemConteudo”：空，
“标签”：“标题1”，
“rota”：空，
“帕吉纳”：{
“系统”：{
“id”：“4RMKL0x0WEFWFSQB704R”，
“类型名称”：“系统”
},
},
}
],
},
},
{
“titulo”：“标题2”，
“ctAsCollection”：{
“项目”：[…]，
},
“链接集合”：{
“项目”：[
{
“blocoImagemConteudo”：空，
“标签”：“标题2”，
“rota”：空，
“帕吉纳”：{
“系统”：{
“id”：“4nOOZTxef23f2fdx6iyWp”，
},
},
}
],
},
}
]
常数包装=浅(
)
expect（wrapper.toMatchSnapshot（））
})
})

下面是从发送错误的useQuery中提取的代码

api.js

const[menuItems]=useQuery({
查询：菜单查询，
变量：{id}，
})

文件夹的结构是：

--ComponentFolder
---- index.js
---- styles.js
---- api.js
---- index.test.js