How can I use the useQuery hook to populate state in other hooks?

Question

I have been dealing with a few hook-related issues recently as I have been implementing hooks into a project of mine. I keep getting the error \"Rendered more hooks than during

Answer 1

You can simply follow this apprch, I also did by this way.

  const client = useApolloClient();
  const [newData, setNewData] = useState(null);
  const [loading, setLoading] = useState(false);

  async function runQuery() {
    setLoading(true);

    const useQueryData = await client.query({
      query: SUBMITTED_ASSIGNMENTS, variables: {
        userId
      }
    });
    setNewData(useQueryData?.data?.assignments);
    console.log('newData', newData);
    setLoading(false);
  }

  useEffect(() => {
    runQuery();
  }, [newData]);