/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

20 votes103 views6 answers
Useeffect react example
Javascript React
0 vote99 views1 answer
Check scroll top height in react js
Javascript React
0 vote105 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote97 views1 answer
How to add value with useref in react
Javascript React
0 vote106 views1 answer
React 1 to 10 rating
Javascript React
1 vote102 views1 answer
How to define state in react function
Javascript React
0 vote103 views1 answer
React native showing double header stack and drawer menu
Javascript React
1 vote102 views4 answers
Passing data in route react
Javascript React
1 vote100 views1 answer
Concatenate a variable inside text react native
Javascript React
1 vote130 views2 answers
React js alert popup example
Javascript React