/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 vote343 views1 answer
Change value in array react
Javascript React
18 votes325 views6 answers
React native android build
Javascript React
0 vote351 views1 answer
React native making bigger hitbox
Javascript React
1 vote335 views1 answer
Deploy react to aws
Javascript React
0 vote348 views1 answer
What was the reaction of others bostonh tea party
Javascript React
4 votes353 views1 answer
React props.children proptype
Javascript React
0 vote330 views1 answer
React native firebase community template
Javascript React
0 vote354 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote349 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
0 vote323 views1 answer
Only numbers or string. Input field in React
Javascript React