/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 vote153 views1 answer
React map array limit
Javascript React
0 vote188 views1 answer
Onclick react history map
Javascript React
0 vote159 views1 answer
Assign random colors react chartjs
Javascript React
1 vote146 views1 answer
How to upload image in react js
Javascript React
0 vote160 views1 answer
Autofocus is not working in react native
Javascript React
6 votes162 views1 answer
Disable inputetext in react native
Javascript React
-1 vote158 views1 answer
Flatlist react native horizontal
Javascript React
0 vote146 views1 answer
Reactvs y axis range
Javascript React
5 votes160 views2 answers
Gradlew clean in react native
Javascript React
5 votes182 views2 answers
React js download file
Javascript React