renderHook fails with "invalid hook call"

[pke]

This test fails with a Invalid hook call. Hooks can only be called inside of the body of a function component

      72 | export function useFaqTopics() {
    > 73 |   const { data, error, mutate } = useSWR<FaqTopic[]>("/faq", () => Promise.resolve(TOPICS))
         |                                   ^
      74 |   return {
      75 |     topics: data,
      76 |     loading: !data && !error,

      at resolveDispatcher (node_modules/react/cjs/react.development.js:1590:13)
      at Object.useContext (node_modules/react/cjs/react.development.js:1598:20)
      at useSWR (node_modules/swr/dist/index.js:1:6763)
      at useFaqTopic (src/api/faq.ts:104:44)
      at _renderHook2.wrapper (src/api/faq.test.tsx:35:60)

import React, { ReactNode } from "react"
import { renderHook, cleanup } from "@testing-library/react-hooks"
import { cache, SWRConfig } from "swr"

afterEach(() => {
  cache.clear()
})

const wrapper = ({ children } : { children: ReactNode }) => (
  <SWRConfig value={{ dedupingInterval: 0 }}>
    {children}
  </SWRConfig>
)

it("should return all categories", async () => {
  const { useFaqTopics } = require("./faq")
  const { result } = renderHook(() => useFaqTopics())
  const { topics } = result.current
  expect(topics).toHaveLength(7)
})

I have also tried to render the hook with a wrapper that provides the SWRConfig provider but it does not change the outcome.

const { result } = renderHook(() => useFaqTopics(), { wrapper })