/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 vote189 views1 answer
Spotify player react
Javascript React
1 vote128 views1 answer
Running scripts is disabled on this system react js
Javascript React
1 vote136 views1 answer
React native could not get batchedbridge
Javascript React
0 vote148 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
0 vote150 views1 answer
React native parent opcaity not affecting text
Javascript React
0 vote140 views1 answer
React native header height
Javascript React
2 votes130 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote171 views1 answer
How to pass property component in react enzyme
Javascript React
19 votes209 views6 answers
Convert svg to react component
Javascript React
0 vote132 views1 answer
Hide and show on button click in react js functional component
Javascript React