Build Error: QueryClient Type Conflict - Need Help with Production Deployment

Hey everyone!

I'm running into a build error when trying to deploy my WASP project to production and could really use some help.

Issue: When I run

wasp build

wasp build

, I'm getting this TypeScript error:

src/index.tsx:25:28 - error TS2322: Type 'import("/home/ec2-user/beta/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient' is not assignable to type 'import("/home/ec2-user/beta/.wasp/build/web-app/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient'.
  Types have separate declarations of a private property 'queryCache'.

25       <QueryClientProvider client={queryClient}>
                              ~~~~~~

src/index.tsx:25:28 - error TS2322: Type 'import("/home/ec2-user/beta/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient' is not assignable to type 'import("/home/ec2-user/beta/.wasp/build/web-app/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient'.
  Types have separate declarations of a private property 'queryCache'.

25       <QueryClientProvider client={queryClient}>
                              ~~~~~~

What I've tried:
- Running

wasp clean

wasp clean

- Clearing node_modules and reinstalling

Has anyone encountered this type of QueryClient conflict before? Any suggestions on how to resolve this would be greatly appreciated!

Thanks in advance!

Wasp•9mo ago•

21 replies

mario.p

Build Error: QueryClient Type Conflict - Need Help with Production Deployment

Hey everyone!

I'm running into a build error when trying to deploy my WASP project to production and could really use some help.

Issue: When I run

wasp build

wasp build

, I'm getting this TypeScript error:

src/index.tsx:25:28 - error TS2322: Type 'import("/home/ec2-user/beta/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient' is not assignable to type 'import("/home/ec2-user/beta/.wasp/build/web-app/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient'.
  Types have separate declarations of a private property 'queryCache'.

25       <QueryClientProvider client={queryClient}>
                              ~~~~~~

src/index.tsx:25:28 - error TS2322: Type 'import("/home/ec2-user/beta/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient' is not assignable to type 'import("/home/ec2-user/beta/.wasp/build/web-app/node_modules/@tanstack/query-core/build/lib/queryClient").QueryClient'.
  Types have separate declarations of a private property 'queryCache'.

25       <QueryClientProvider client={queryClient}>
                              ~~~~~~

What I've tried:
- Running

wasp clean

wasp clean

- Clearing node_modules and reinstalling

Has anyone encountered this type of QueryClient conflict before? Any suggestions on how to resolve this would be greatly appreciated!

Thanks in advance!

Build Error: QueryClient Type Conflict - Need Help with Production Deployment

Similar Threads

Build Error: QueryClient Type Conflict - Need Help with Production Deployment

Similar Threads

Similar Threads

Similar Threads