/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

0 vote138 views1 answer
Preventive vs reactive
Javascript React
1 vote149 views1 answer
React native "modalize" above bottom navigation
Javascript React
0 vote141 views1 answer
React hook form password validation uppercase
Javascript React
0 vote137 views2 answers
Hot reload problem react 17
Javascript React
1 vote152 views1 answer
React-native link to play store
Javascript React
1 vote146 views1 answer
Slider on release call api react material ui
Javascript React
10 votes92 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote140 views2 answers
Adding preview images to react apps for linkedin
Javascript React
0 vote146 views1 answer
TrackPromise React
Javascript React
0 vote149 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React