/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 votes299 views1 answer
React timepicker example
Javascript React
0 vote329 views1 answer
Open modal on clicking select option in react
Javascript React
1 vote311 views6 answers
UseEffect react
Javascript React
3 votes300 views2 answers
React-native android build apk
Javascript React
0 vote311 views1 answer
Remove console messages of react-i18next
Javascript React
16 votes318 views1 answer
React native loop in render
Javascript React
2 votes342 views1 answer
Dot env react native
Javascript React
12 votes331 views1 answer
React chrome extension
Javascript React
0 vote312 views1 answer
Flutter or react native
Javascript React
1 vote312 views1 answer
Arrow not showing react slick
Javascript React