/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

28 votes149 views6 answers
React fontawesome
Javascript React
0 vote109 views1 answer
How to use algolia react native
Javascript React
17 votes142 views5 answers
Add background image react native
Javascript React
-1 vote157 views1 answer
React native toggle button with text
Javascript React
0 vote181 views1 answer
React handling event
Javascript React
0 vote144 views2 answers
Hello world react
Javascript React
0 vote150 views1 answer
Reference hook in react
Javascript React
14 votes182 views4 answers
&& in react jsx
Javascript React
0 vote160 views1 answer
Npm auth0-react
Javascript React
0 vote148 views1 answer
React buffer to image
Javascript React