/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 vote183 views1 answer
Build class component react
Javascript React
0 vote190 views1 answer
React js marked import and use
Javascript React
2 votes179 views2 answers
Vscode react extensions
Javascript React
1 vote181 views1 answer
How to check if url has hash in react
Javascript React
0 vote163 views1 answer
React createElement interactive button
Javascript React
0 vote175 views1 answer
Firebase timestamp to date react
Javascript React
0 vote138 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote187 views1 answer
React rative release
Javascript React
0 vote183 views1 answer
Reactjs .net pass value to react
Javascript React
1 vote138 views1 answer
How to pass props in react test cases
Javascript React