/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

21 votes198 views6 answers
Shadow in react native
Javascript React
1 vote217 views1 answer
React native flatlist pull to refresh
Javascript React
-1 vote197 views1 answer
React grid
Javascript React
1 vote196 views1 answer
React native tabbed sticky view
Javascript React
12 votes206 views3 answers
Vs code emmet for html in react
Javascript React
0 vote228 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote231 views1 answer
Border radius not working ios react native
Javascript React
0 vote203 views1 answer
Too many open files react native
Javascript React
0 vote199 views1 answer
How to find network there is no network react native
Javascript React
0 vote209 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React