/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

2 votes306 views1 answer
Iframe in react native
Javascript React
1 vote321 views1 answer
Google font in react native
Javascript React
0 vote362 views1 answer
React video srcObject
Javascript React
18 votes325 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote291 views2 answers
React composition
Javascript React
26 votes332 views6 answers
React redirect to url
Javascript React
0 vote308 views1 answer
Valueof in react native
Javascript React
0 vote314 views3 answers
React-native restart app
Javascript React
0 vote323 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
0 vote367 views1 answer
Button color change loop in react
Javascript React