/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

5 votes264 views1 answer
Deploy react js heroku
Javascript React
1 vote237 views1 answer
Input type email react js-validation
Javascript React
-1 vote251 views1 answer
What is the use of consrtructors in reactjs
Javascript React
2 votes258 views1 answer
React native apk bundle
Javascript React
-2 votes218 views3 answers
React and express
Javascript React
0 vote247 views1 answer
React JSON data to display in a table
Javascript React
0 vote250 views4 answers
Router react how to pass data to class component
Javascript React
2 votes214 views1 answer
Change color of strike through line of text in react native
Javascript React
4 votes205 views1 answer
React router dom v6 goback
Javascript React
5 votes259 views3 answers
Fetch in react
Javascript React