/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 vote247 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
23 votes223 views4 answers
Change port react app
Javascript React
1 vote259 views1 answer
Vim react snippets
Javascript React
112 votes275 views5 answers
Command to create react app
Javascript React
0 vote248 views2 answers
React native elements datepicker
Javascript React
2 votes271 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
0 vote257 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote238 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote232 views1 answer
Clear form inside modal after close reactjs
Javascript React
0 vote241 views2 answers
Storage package npm react
Javascript React