/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

2 votes206 views2 answers
Splice state react
Javascript React
0 vote201 views1 answer
React toastify does not have design
Javascript React
17 votes205 views5 answers
React native background image
Javascript React
3 votes209 views1 answer
Latest react version npm
Javascript React
24 votes218 views3 answers
Set port in react app
Javascript React
0 vote166 views1 answer
React native rebuild
Javascript React
30 votes284 views5 answers
Use effect react
Javascript React
0 vote206 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
31 votes214 views1 answer
React router dom IndexRedirect
Javascript React
32 votes220 views6 answers
Usestate react
Javascript React