tRPC useQuery ReturnType

import { procedure, router } from "../t";

export const auth = router({
  session: procedure.query(() => null),
});

import { createContext, useContext } from "react";

import { type Uninitialized, uninitialized } from "client/react/context";
import trpc from "client/trpc";

type SessionContext = Pick<ReturnType<typeof trpc.auth.session.useQuery>, "data" | "status">;
// hovering in VSCode gives me:
// type SessionContext = {
//    data: unknown;
//    status: "error" | "success" | "loading";
//}
const sessionContext = createContext<SessionContext | Uninitialized>(uninitialized);

export const useSession = () => {
  const session = useContext(sessionContext);
  if (session === uninitialized) throw new Error("useSession Must Be Used Within A SessionProvider");
  return session; 
}

export type SessionProviderProps = {
  children: React.ReactNode;
};
export const SessionProviderProvider = ({ children }: SessionProviderProps) => {
  const { data, status } = trpc.auth.session.useQuery();
  //      ^^^^ correctly typed as null (placeholder)

  return (
    <sessionContext.Provider value={{ data, status }}>{children}</sessionContext.Provider>
                                   // ^^^^ not correctly typed (unknown)
  )
}