/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

8 votes171 views2 answers
React native rotate image
Javascript React
4 votes143 views2 answers
Countdown in react js
Javascript React
0 vote142 views1 answer
Make forn awesome icon clickable in react
Javascript React
0 vote129 views2 answers
Automated counter with react hooks
Javascript React
0 vote170 views5 answers
Generate component react
Javascript React
0 vote153 views1 answer
Reactjs TypeError: b is undefined
Javascript React
9 votes92 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote157 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
1 vote143 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
13 votes139 views2 answers
Download react devtools for chrome
Javascript React