/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

0 vote202 views1 answer
Make a button who disable scrolling down the page react
Javascript React
1 vote141 views1 answer
How to set state when change viewport react
Javascript React
1 vote136 views1 answer
React native cover image
Javascript React
0 vote120 views1 answer
Ios react native detect locale
Javascript React
0 vote136 views1 answer
React native skeleton
Javascript React
0 vote131 views1 answer
Ticking clock react js
Javascript React
0 vote118 views1 answer
To do list app react code
Javascript React
0 vote139 views1 answer
Button size react native
Javascript React
2 votes132 views1 answer
Jquery vs react
Javascript React
0 vote87 views1 answer
Debugging react native
Javascript React