/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 vote203 views1 answer
How to link a photo in expo react native
Javascript React
0 vote234 views1 answer
React-map-multidimensional-array
Javascript React
0 vote199 views1 answer
Unexpected token react
Javascript React
0 vote210 views1 answer
Get position of element in react
Javascript React
0 vote235 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
1 vote210 views1 answer
React case switch not working
Javascript React
0 vote203 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote196 views1 answer
Open modal on clicking select option in react
Javascript React
3 votes205 views1 answer
Include gif in react
Javascript React
112 votes277 views10 answers
React
Javascript React