import React , { createContext , useContext , useReducer } from 'react' ; import { orgModalsInitialState , orgModalsReducer } from './reducer' ; import { IOrganizationModalsStore , TOrganizationModalsAction } from './types' ; const OrganizationModalsStore = createContext < IOrganizationModalsStore > ( null ) ; const OrganizationModalsDispatch = createContext < React . Dispatch < TOrganizationModalsAction > > ( null ) ; export const OrganizationModalsProvider = ( { children } ) => { const [ state , dispatch ] = useReducer ( orgModalsReducer , orgModalsInitialState ) ; return ( < OrganizationModalsStore . Provider value = { state } > < OrganizationModalsDispatch . Provider value = { dispatch } > { children } < /OrganizationModalsDispatch.Provider> < /OrganizationModalsStore.Provider>); } ; export const useOrgModalsStore = ( ) => { return useContext ( OrganizationModalsStore ) ; } ; export const useOrgModalsDispatch = ( ) => { return useContext ( OrganizationModalsDispatch ) ; } ;