/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 vote99 views1 answer
Express react docker container example
Javascript React
31 votes104 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote113 views1 answer
React native skeleton
Javascript React
5 votes110 views5 answers
Onclick react
Javascript React
0 vote110 views1 answer
Reactnative print in ios
Javascript React
0 vote110 views1 answer
Change navigation animation react native
Javascript React
4 votes106 views2 answers
Set selected option react
Javascript React
0 vote101 views1 answer
Open modal on clicking select option in react
Javascript React
16 votes112 views6 answers
Usestate in react
Javascript React
1 vote103 views6 answers
UseEffect react
Javascript React