/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 vote207 views2 answers
React native select simulator
Javascript React
15 votes262 views3 answers
Create react app and tailwind
Javascript React
1 vote218 views1 answer
Reactive localstorage in react
Javascript React
0 vote197 views3 answers
Add if condition in map react
Javascript React
1 vote221 views1 answer
React vscode stop auto close tag
Javascript React
4 votes227 views1 answer
React useeffect not on first render
Javascript React
5 votes375 views1 answer
Inline z-index react
Javascript React
-3 votes226 views2 answers
Generate android folder in react native
Javascript React
1 vote244 views1 answer
Get image url in react input file or preview form image
Javascript React
0 vote259 views1 answer
@tippyjs/react
Javascript React