test: fixed failed useSearchRep() tests

src/pkg/github/hooks/search.spec.ts

@@ -2,8 +2,10 @@ import { renderHook, waitFor } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 import { describe, expect, it } from 'vitest'
 import useSearchRepos from './search'
-import { wrapper } from 'test/queryClientWrapper'
+import { createReactQueryWrapper } from 'test/wrapper'
+import { GitHubSearchProvider } from '../context/SearchContext'
 
+const wrapper = createReactQueryWrapper([GitHubSearchProvider])
 describe('useSearchRepos()', () => {
   it('should search repos', async () => {
     const expected = { hello: 'world' }

src/pkg/github/hooks/search.ts

@@ -3,11 +3,9 @@ import { useGitHubSearchContext } from '../context/SearchContext'
 import { GitHubSearchResponse } from '../types'
 import { GitHub } from '../GitHub'
 import { api } from '@/pkg/utils/fetch'
-import { useThemeContext } from '@/pkg/ui/contexts/ThemeContext'
 
 export default function useSearchRepos() {
   const { queryParams: params } = useGitHubSearchContext()
-  const { setLoading } = useThemeContext()
 
   const result = useQuery({
     queryKey: [GitHub.search.queryKey, { params }],

test/wrapper.tsx

@@ -0,0 +1,26 @@
+import ComposeProviders from '@/pkg/ui/ComposeProviders'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { JSXElementConstructor, PropsWithChildren } from 'react'
+
+export function createReactQueryWrapper(
+  components: Array<JSXElementConstructor<PropsWithChildren<any>>>,
+  qc?: QueryClient
+) {
+  if (!qc) {
+    qc = new QueryClient({
+      defaultOptions: {
+        queries: {
+          retry: false,
+        },
+      },
+    })
+  }
+
+  const wrapper = ({ children }: PropsWithChildren) => (
+    <QueryClientProvider client={qc as QueryClient}>
+      <ComposeProviders components={components}>{children}</ComposeProviders>
+    </QueryClientProvider>
+  )
+
+  return wrapper
+}