/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

5 votes141 views3 answers
How to open a new tab in react
Javascript React
0 vote145 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote134 views1 answer
How to clear form fields in react after submit
Javascript React
3 votes130 views2 answers
Error duplicate resources react native
Javascript React
0 vote134 views1 answer
Float right react native
Javascript React
0 vote164 views1 answer
Github create react app buildpack
Javascript React
5 votes123 views2 answers
Update react version
Javascript React
0 vote129 views1 answer
Reactjs clic copy
Javascript React
0 vote144 views1 answer
Unistall react node package
Javascript React
0 vote145 views2 answers
React js big calendar
Javascript React