/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

-2 votes427 views1 answer
Keyboard close when typing react native
Javascript React
0 vote387 views1 answer
React native navigation paramlist never used
Javascript React
0 vote382 views1 answer
Switch button react value
Javascript React
0 vote343 views1 answer
Remove an item from a component in react
Javascript React
4 votes368 views1 answer
React router external link
Javascript React
15 votes379 views6 answers
React forms
Javascript React
7 votes347 views3 answers
How to update react state array
Javascript React
1 vote345 views2 answers
React datepicker documentation
Javascript React
1 vote383 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote378 views1 answer
React-native-image-viewing
Javascript React