setState in getStaticProps

[ivanjeremic]

I try to move from ReactQuery to SWR and I want to use Pre-rendering https://swr.vercel.app/docs/with-nextjs#pre-rendering but if you take a look at my current useQuery hook from ReactQuery I depend on setting the state for pages inside my query but getStaticProps does not allow the use of hooks so how would I go about this?

ReactQuery currently

const { isLoading, isError, data, error } = useQuery(
    ["posts", { page: postsPage }],
    async () => {
      const response = await axios.get(url, { params: { page: postsPage } });
      setNumberofpage(response.headers["x-wp-totalpages"]);
      return response.data;
    }
  );