gRPC request client as React.Context

gRPCClientContext.tsx

import React from "react";
import { MessengerClient } from "./messenger/MessengerServiceClientPb";

interface GRPCClientContextValue {
  messengerClient?: MessengerClient;
}

const defaultContextValue = {
  messengerClient: new MessengerClient(`http://localhost:8080`)
};

export const GRPCClientContext = React.createContext(
  {} as GRPCClientContextValue
);

export const GRPCProvider: React.FC<{}> = ({ children }) => {
  return (
    <GRPCClientContext.Provider value={defaultContextValue}>
      {children}
    </GRPCClientContext.Provider>
  );
};