/Javascript/React/Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'

Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'

Type '{ GlobalState: any; Dispatch: React.Dispatch; }' is not assignable to type 'null'

Since we have the useReducer hook, most of the time we do not need to use redux, or any other redux-like libraries.

To fix the issue with types, you need to define a ContextType.
===========
interface ContextType {
  state: {
    searchFilter: string[];
    dataRows: DataRow[];
  };
  dispatch: React.Dispatch<{ type: string; value: unknown }>;
}
========
To create your store context you can use the following. (We allow it to be null, so we do not have to deal with initial value when creating the context. The consumer will need to make sure that the context has been defined - see few lines below)
===============
const store = createContext<ContextType | null>(null);
===============
You can then create your useStore hook to access data from the store.
============
function useStore() {
  const value = React.useContext(store);
  if (!value) throw new Error("useStore needs to be within StateProvider");
  return value;
}

Source: stackoverflow.com

Similar codes

1 vote317 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote292 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote334 views1 answer
React-hook-form image
Javascript React
0 vote300 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote321 views1 answer
Export socket io connection in react
Javascript React
0 vote311 views1 answer
How to submit form in reactjs and send data in json
Javascript React
0 vote323 views1 answer
Different ways to write react file paths
Javascript React
0 vote329 views1 answer
React native swipe screen
Javascript React
0 vote302 views1 answer
React-native-paper resize switch resize
Javascript React
16 votes288 views3 answers
What does the useReducer do in react
Javascript React