React应用Sentry监控到TypeError报错,疑关联懒加载与TanStackQuery
React应用Sentry捕获
TypeError: undefined is not an object (evaluating 'a._result.default')错误的排查求助 我的React应用通过Sentry监控,频繁捕获到如下错误:
React ErrorBoundary TypeError: undefined is not an object (evaluating 'a._result.default')
我猜测这个错误和懒加载(lazy imports)相关,但无法确认——堆栈追踪中列出的所有文件都没有包含懒加载代码,且整个应用已经被包裹在Suspense边界中。Sentry追踪指向React的一段代码片段(见附录),从堆栈追踪来看,错误似乎源自TanStack Query,但我不确定是TanStack Query的问题,还是自身代码存在问题。
以下是堆栈追踪指向的最后一个文件代码:
import type { FC, PropsWithChildren } from 'react'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { useState } from 'react'; const client = () => new QueryClient({ defaultOptions: { queries: { networkMode: 'always', staleTime: 1000 * 60 * 60 * 24 * 0.5, // 12h retry: 2, refetchOnWindowFocus: false } } }); const TanStackQueryProvider: FC<PropsWithChildren> = ({ children }) => { const [queryClient] = useState(client); // Sentry指向这一行 return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>; }; export default TanStackQueryProvider;
希望有人能提供相关排查思路。
附录
- Sentry中的代码片段:

- 堆栈追踪:

内容的提问来源于stack exchange,提问作者Snake_py
相关产品推荐
相关产品推荐

