How can I pass an authorization header to all queries and mutations

function RootLayoutNav() {
  const { session } = useSession();

  const queryClient = new QueryClient({
    defaultOptions: {
      queries: {
        queryFn: async ({ queryKey }) => {
          const token = await session?.getToken();
          const response = await fetch(`${queryKey[0]}`, {
            headers: {
              Authorization: token ? `Bearer ${token}` : "",
              "Content-Type": "application/json",
            },
          });
          if (!response.ok) {
            throw new Error("Network response was not ok");
          }
          return response.json();
        },
      },
    },
  });

  return (
    <QueryClientProvider client={queryClient}>
      <Whatever/>
    </QueryClientProvider>
  );
}

export const useCompanyShifts = (companyId: string) => {
  return useQuery<ShiftWithRelations[]>({
    queryKey: [`${API_BASE_V1}/company/${companyId}/shifts`],
    enabled: !!companyId,
  });
};

export const useCreateShift = () => {
  return useMutation<Shift, Error, Partial<NewShift>>({
    mutationFn: (data) =>
      fetch(`${API_BASE_V1}/shifts`, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(data),
      }).then((res) => res.json()),
  });
};