Test utility for customize testing-library with react-query

test-utils.tsx

import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { render as rtlRender } from '@testing-library/react'

// eslint-disable-next-line @typescript-eslint/no-explicit-any
function render(ui: React.ReactElement, { ...renderOptions } = {} as any) {
  const queryClient = new QueryClient()

  const Wrapper = ({ children }: { children: React.ReactNode }) => (
    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  )

  return rtlRender(ui, { wrapper: Wrapper, ...renderOptions })
}

// re-export everything
export * from '@testing-library/react'
// override render method
export { render }