Current User React Hook and Context

CurrentUserContext.ts

import React from "react";
import { ICurrentUser } from "../../../types";
import { IUserProfile } from "../../../userProfile/types";

interface ICurrentUserContextProps {
  currentUser?: ICurrentUser;
  profile?: IUserProfile;
  accessToken: () => Promise<string | undefined>;
  refetchCurrentUser: () => Promise<void>;
}

const CurrentUserContext = React.createContext<ICurrentUserContextProps>({
  currentUser: undefined,
  profile: undefined,
  accessToken: () => {
    return Promise.resolve("");
  },
  refetchCurrentUser: () => {
    return Promise.resolve();
  }
});

export default CurrentUserContext;

CurrentUserProvider.tsx

import gql from "graphql-tag";
import { useQuery } from "react-apollo";
import track, { TrackingProp } from "react-tracking";
import { getAccessToken } from "../../index";

import { ReactChild } from "react";
import CurrentUserContext from "./CurrentUserContext";

const ACCOUNT_QUERY = gql`
  query user {
    currentUser {
      userProfileUid
      authenticationUid
      profile {
        uid
        email
        phoneNumber
        forename
        surname
        landlordSituation
      }
    }
  }
`;

interface ICurrentUserProps {
  tracking?: TrackingProp;
  children?: ReactChild;
}

const CurrentUserProvider = (props: ICurrentUserProps) => {
  const { tracking } = props;

  const { data, refetch, loading } = useQuery(ACCOUNT_QUERY);

  if (loading) {
    return null;
  }

  const { currentUser } = data;

  if (currentUser && currentUser.profile) {
    tracking.trackEvent({
      identity: {
        forename: currentUser.profile.forename,
        surname: currentUser.profile.surname,
        email: currentUser.profile.email
      }
    });
  }

  return (
    <CurrentUserContext.Provider
      value={{
        currentUser,
        profile: data.currentUser ? data.currentUser.profile : null,
        accessToken: getAccessToken,
        refetchCurrentUser: async () => {
          refetch();
        }
      }}
    >
      {props.children}
    </CurrentUserContext.Provider>
  );
};

export default track({})(CurrentUserProvider);

useCurrentUser.ts

import { useContext } from "react";
import { ICurrentUser } from "../../../types";
import { IUserProfile } from "../../../userProfile/types";
import CurrentUserContext from "./CurrentUserContext";

export interface ICurrentUserProps {
  currentUser?: ICurrentUser;
  profile?: IUserProfile;
  accessToken: () => Promise<string | undefined>;
  refetchCurrentUser: () => Promise<void>;
}

export default () => {
  return useContext(CurrentUserContext);
};