/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 vote222 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote229 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote225 views1 answer
Npx code for src folder in react js
Javascript React
0 vote258 views1 answer
State creation in class components reactjs interview questions
Javascript React
5 votes227 views3 answers
How to open a new tab in react
Javascript React
0 vote206 views1 answer
Enzyme-adapter-react-17
Javascript React
9 votes239 views3 answers
Disable yellow box react native
Javascript React
-2 votes281 views3 answers
Keyboard dismiss in react native
Javascript React
1 vote208 views1 answer
React js component parameters
Javascript React
-1 vote267 views1 answer
How many data binding in react
Javascript React