/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 vote185 views1 answer
React chart chart title
Javascript React
0 vote218 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote225 views1 answer
Retour à la ligne react native
Javascript React
1 vote262 views2 answers
Npm youtube-react
Javascript React
1 vote214 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
1 vote274 views1 answer
React center a text
Javascript React
4 votes270 views1 answer
How to change the tab title in react
Javascript React
0 vote195 views1 answer
Cannot find module react scripts
Javascript React
-1 vote211 views4 answers
React native reset cache
Javascript React
1 vote279 views1 answer
How to test useEffect in react testing library
Javascript React