/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 vote101 views1 answer
A react component can only return]
Javascript React
0 vote148 views1 answer
React content loader
Javascript React
1 vote123 views1 answer
Get current platform react native
Javascript React
1 vote115 views1 answer
React native create view dynamically
Javascript React
2 votes118 views1 answer
React allow only numbers in input
Javascript React
0 vote108 views1 answer
Textalignvertical not working in ios react native
Javascript React
0 vote113 views1 answer
Js map vs react js map
Javascript React
4 votes113 views1 answer
Read keyboard reactjs
Javascript React
0 vote100 views1 answer
React native notify user for new version of app
Javascript React
1 vote110 views1 answer
React footer
Javascript React