How can I use ensureQueryData in a component? - Help please 😂

export const useInitialDataEnsureQueryData = () => {
  const [initialData, setInitialData] =
    useState<FetchInitialData.Return | null>(null)
  const queryClient = useQueryClient()

  useEffect(() => {
    async function ensureInitialData() {
      const initialData = await queryClient.ensureQueryData({
        queryKey: INITIAL_DATA_QUERY_KEY,
        queryFn: () => fetchInitialData(),
      })

      setInitialData(initialData)
    }

    ensureInitialData()
  }, [queryClient])


  return initialData
}