/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 vote248 views1 answer
Style react native alert text
Javascript React
0 vote229 views1 answer
How to add css based on route react
Javascript React
4 votes280 views2 answers
Linking in react native
Javascript React
0 vote224 views1 answer
How is react different from normal js
Javascript React
0 vote219 views1 answer
React native fetch response code
Javascript React
0 vote236 views1 answer
React native length of object
Javascript React
-1 vote217 views6 answers
Set image as background react
Javascript React
-1 vote223 views1 answer
Import ReactDOM from "react-dom";
Javascript React
0 vote247 views1 answer
Donwload data from react js in json file
Javascript React
0 vote286 views1 answer
React video srcObject
Javascript React