useState used with no setter

[jdegand]

Usually, this is a code smell.

In app/provider.tsx, you used const [queryClient] = useState(() => new QueryClient());.

The tanstack docs define the queryClient outside of the function.

const queryClient = new QueryClient()

export default function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <Example />
    </QueryClientProvider>
  )
}

I think useRef could also be a potential solution.

[michaelshimeles]

that's correct, could you do a PR sir?