/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 vote182 views1 answer
React catch error in component
Javascript React
6 votes191 views2 answers
UseHistory react-router-dom
Javascript React
0 vote184 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote188 views1 answer
Comming soon page in react
Javascript React
0 vote181 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote199 views1 answer
How to replace strings with react components
Javascript React
0 vote177 views1 answer
React state as object
Javascript React
0 vote189 views1 answer
Reduce to calculate sum react
Javascript React
1 vote178 views1 answer
How to use react memo hooks
Javascript React
4 votes184 views4 answers
Width 100% react native
Javascript React