/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 vote122 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote106 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
2 votes119 views1 answer
React function being called every minute
Javascript React
6 votes121 views1 answer
React hooks scss supoort
Javascript React
2 votes119 views1 answer
React native socket io
Javascript React
0 vote121 views1 answer
Start withnreact
Javascript React
0 vote136 views1 answer
How to submit form in reactjs and send data in json
Javascript React
-2 votes124 views1 answer
How to identify debug and release build in react native
Javascript React
123 votes240 views3 answers
Set interval react
Javascript React
0 vote117 views1 answer
React setstate in another component
Javascript React