/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 votes336 views2 answers
Prevent refresh react
Javascript React
3 votes363 views3 answers
Multiple styles in react native
Javascript React
0 vote351 views1 answer
React 5 to 10 rating
Javascript React
0 vote354 views1 answer
OnPress image react native
Javascript React
12 votes353 views4 answers
Uninstall material ui react
Javascript React
10 votes340 views2 answers
React text input onchange
Javascript React
0 vote339 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote364 views1 answer
Could not resolve module fs react native
Javascript React
2 votes350 views1 answer
Text decoration in react
Javascript React
8 votes385 views2 answers
React native rotate image
Javascript React