/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

1 vote351 views1 answer
Forcechange input reactiveform
Javascript React
24 votes332 views6 answers
React native navigation
Javascript React
1 vote365 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
6 votes342 views6 answers
Shadow react native generator
Javascript React
0 vote329 views1 answer
Keyboard avoidance view not working on react native
Javascript React
13 votes318 views10 answers
React navigation
Javascript React
7 votes366 views1 answer
The path argument must be of type string. received undefined react
Javascript React
0 vote389 views1 answer
React tagInput component
Javascript React
1 vote344 views2 answers
Edit todo list react-redux
Javascript React
0 vote378 views1 answer
How to prevent previous radio button active react native
Javascript React