/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 vote191 views2 answers
How to validate date in react
Javascript React
0 vote213 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote178 views1 answer
Keyboard avoidance view not working on react native
Javascript React
2 votes204 views2 answers
React not recognizing lorem
Javascript React
110 votes198 views2 answers
Create react js app
Javascript React
0 vote198 views1 answer
Fetch data from asyncstorage react native
Javascript React
3 votes198 views1 answer
Latest react version npm
Javascript React
4 votes190 views1 answer
React js materilize
Javascript React
2 votes196 views2 answers
React native position absolute center
Javascript React
1 vote188 views1 answer
Conditional style react native
Javascript React