/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

0 vote392 views1 answer
How to submit form in reactjs and send data in json
Javascript React
0 vote391 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
4 votes374 views1 answer
Import all images from folder reactjs
Javascript React
13 votes450 views2 answers
Download react devtools for chrome
Javascript React
0 vote372 views1 answer
Setstate before function react
Javascript React
0 vote364 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote408 views1 answer
Remove unused dependencies React
Javascript React
0 vote390 views1 answer
React-native firebase v9+ config
Javascript React
1 vote379 views2 answers
Send an email react native
Javascript React
0 vote406 views1 answer
How to add autoserial number in react js
Javascript React