react#createContext TypeScript Examples

storeContext = createContext({} as RootStoreType)

GroupWatchContext = createContext<GroupWatchContextInterface>({
    connected: false,
    data: undefined,
    sendData: () => {
    },
    disconnect: () => {
    },
    connect: () => {
    },
})

BuySellContext = createContext<BuySellContextValues>({
  buySellToken: 'dpi',
  isFetchingOrderData: false,
  isUserBuying: true,
  activeField: 'currency',
  selectedCurrency: undefined,
  spendingTokenBalance: new BigNumber(0),
  zeroExTradeData: undefined,
  currencyOptions: [],
  buySellQuantity: '0',
  onSetBuySellToken: () => {},
  onToggleIsUserBuying: () => {},
  onSetActiveField: () => {},
  onSetSelectedCurrency: () => {},
  onSetBuySellQuantity: () => {},
  onExecuteBuySell: () => {},
})

HypertextContext = createContext<
  [
    {
      firstToken: Token | undefined
      secondToken: Token | undefined
      showUSD: boolean
      approveMax: boolean
      deadline: number
      slippage: number
      transactions: Transaction[]
      tokens: Token[]
    },
    {
      setFirstToken: Dispatch<SetStateAction<Token | undefined>>
      setSecondToken: Dispatch<SetStateAction<Token | undefined>>
      setShowUSD: Dispatch<SetStateAction<boolean>>
      setApproveMax: Dispatch<SetStateAction<boolean>>
      setDeadline: Dispatch<SetStateAction<number>>
      setSlippage: Dispatch<SetStateAction<number>>
      setTransactions: Dispatch<SetStateAction<Transaction[]>>
      setTokens: Dispatch<SetStateAction<Token[]>>
    }
  ]
>([{}, {}] as any)

InterestRatesContext = createContext<InterestRatesContextType>({
  selectedTable: InterestRatesTableOptions.Lending,
  tokens: [],
  fusePools: [],
  markets: {
    aave: [],
    compound: [],
    fuse: {},
  },
  marketDataLoaded: false,
})

TitlesContext = createContext<{
  titles: Title[];
  setTitles: Dispatch<SetStateAction<Title[]>>;
  lastUsed: number;
  setLastUsed: Dispatch<SetStateAction<number>>;
}>({
  titles: [...TitlesDefault],
  setTitles: () => null,
  lastUsed: 0,
  setLastUsed: () => null,
})

NetworkContext = createContext<{
  update: (network: Partial<Network>) => void
  reportError: (error: Error) => void
  activate: (provider: JsonRpcProvider | ExternalProvider) => Promise<void>
  deactivate: () => void
  network: Network
  activateBrowserWallet: () => void
  isLoading: boolean
}>({
  network: {
    provider: undefined,
    chainId: ChainId.Mainnet,
    accounts: [],
    errors: [],
  },
  update: () => undefined,
  reportError: () => undefined,
  activate: async () => undefined,
  deactivate: () => undefined,
  activateBrowserWallet: () => undefined,
  isLoading: true,
})

NavigationTabsContext = createContext<ContextDataType>({
  items: [],
  registerItem: (item: NavigationTabItem) => {
    throw new Error();
  },
  unregisterItem: (url: string) => {
    throw new Error();
  },
})

BreadcrumbContext = createContext<BreadcrumbContextProps | Record<string, unknown>>({})

DialogContext = createContext<[(title: string | undefined, body: string | undefined, actions: Action[]) => void, () => void, boolean]>([() => { }, () => { }, false])

LocalContext = createContext<UidInterface>({} as UidInterface)

MediaQueryContext = createContext(null)

PDFContext = createContext<{
  state: IPDFState;
  dispatch: Dispatch<PDFActions>;
}>({ state: initialPDFState, dispatch: () => null })

AnchorWebappContext: Context<AnchorWebapp> =
  // @ts-ignore
  createContext<AnchorWebapp>()

SessionContext = createContext<Session>({ loading: true })

AcceptedGroupIdContext = createContext<any>(null)

MetaMaskContext = createContext<[MetamaskState, Dispatch<MetamaskDispatch>]>([initialState, () => {}])

GridContext = createContext<{ items: number[] }>({ items: [] })

ExposureNotificationServiceContext = createContext<ExposureNotificationService | undefined>(undefined)

GuildAvailabilityContext =
  createContext<GuildAvailabilityContextInterface>({})

CastContext = createContext<Cast | undefined>(undefined)

AuthContext = createContext<AuthContextData>({} as AuthContextData)

AuthContext = createContext<AuthContextData>({} as AuthContextData)

CartContext = createContext<CartContext | null>(null)

BaseContext = createContext({
    CONTAINER_ROUTE_PREFIX: '',
})

AppContext = createContext<ContextType>({} as any)

FormWizardContext = createContext<{
    formWizardStore: FormWizardStore,
    formWizardHelpersRef: React.MutableRefObject<FormWizardHelpers>,
}>({
    formWizardStore: new FormWizardStore(),
    formWizardHelpersRef: defaultFormWizardHelpers,
})

Context = createContext<ContextValues>({})