/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 vote186 views1 answer
React native flatlist horizontal scroll
Javascript React
0 vote195 views1 answer
React JSON data to display in a table
Javascript React
0 vote201 views3 answers
Add if condition in map react
Javascript React
-1 vote187 views1 answer
React_Weather_App
Javascript React
2 votes215 views3 answers
New line in react js
Javascript React
9 votes190 views2 answers
Reactjs radio button onchange
Javascript React
0 vote203 views1 answer
React native map repeate
Javascript React
0 vote322 views1 answer
Yarn add react-native-elements
Javascript React
0 vote211 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote202 views1 answer
React js date ago
Javascript React