/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 vote382 views4 answers
React native reset cache
Javascript React
0 vote361 views1 answer
Configure the Chrome debugger react
Javascript React
1 vote428 views1 answer
How to add react icons using yarn
Javascript React
0 vote404 views1 answer
Make custom draggable in react
Javascript React
0 vote402 views1 answer
As it does not contain a package.json file. react
Javascript React
0 vote406 views1 answer
Storybook react router
Javascript React
0 vote373 views1 answer
React native text input number only
Javascript React
0 vote415 views1 answer
Debugging react native
Javascript React
123 votes615 views3 answers
Set interval react
Javascript React
1 vote383 views1 answer
Picker change event react native
Javascript React