/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 vote209 views2 answers
React generate component command
Javascript React
112 votes248 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote174 views2 answers
Toggle classname onclick react
Javascript React
116 votes374 views6 answers
Bootstrap react
Javascript React
0 vote167 views1 answer
React '$' is not define
Javascript React
2 votes215 views3 answers
How to get current date in react js
Javascript React
3 votes176 views1 answer
React native netinfo
Javascript React
0 vote230 views1 answer
How to console log in react native
Javascript React
0 vote200 views1 answer
React native dynamic style
Javascript React
1 vote221 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React