/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

6 votes174 views1 answer
Import useHistory react-router-dom version 6
Javascript React
0 vote163 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote214 views1 answer
React native firebase
Javascript React
1 vote174 views1 answer
React native grid view
Javascript React
1 vote212 views2 answers
Hosting react with pm2
Javascript React
2 votes173 views2 answers
Import lodash react
Javascript React
0 vote179 views2 answers
Background transparent react native
Javascript React
0 vote128 views1 answer
React native cross out letter
Javascript React
0 vote170 views1 answer
React axios get cookie from response
Javascript React
0 vote173 views1 answer
Edit json text react
Javascript React