/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

1 vote290 views6 answers
UseEffect react
Javascript React
1 vote299 views2 answers
How to use gif in react native
Javascript React
17 votes334 views4 answers
React native geolocation
Javascript React
20 votes281 views2 answers
React localstorage
Javascript React
0 vote311 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote306 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote297 views1 answer
How to link t settings react native ios
Javascript React
1 vote264 views1 answer
Add class to react children
Javascript React
7 votes294 views3 answers
How to update a state with an array react
Javascript React
0 vote292 views1 answer
React-native-cli remove
Javascript React