/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

140 votes381 views5 answers
React js installation
Javascript React
1 vote355 views1 answer
Reactjs cdn file
Javascript React
21 votes236 views4 answers
React memo
Javascript React
0 vote281 views1 answer
React-select-search useSelect hook
Javascript React
1 vote283 views1 answer
Found page without a React Component as default export in
Javascript React
21 votes261 views6 answers
React native vector icon
Javascript React
6 votes271 views1 answer
What is key in react
Javascript React
0 vote289 views1 answer
Get height webview from url video react native
Javascript React
0 vote253 views1 answer
React enzyme
Javascript React
0 vote285 views1 answer
Notification bell icon bootstrap react
Javascript React