/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 vote309 views1 answer
React-redux form preventdefault
Javascript React
0 vote317 views1 answer
Setstate before function react
Javascript React
-1 vote333 views1 answer
React time picker
Javascript React
0 vote330 views1 answer
UseFetch custom hook for React
Javascript React
0 vote311 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
1 vote316 views1 answer
Parent to child react state
Javascript React
0 vote322 views1 answer
Event handling in react documentation
Javascript React
0 vote345 views2 answers
React how to change localhost url
Javascript React
1 vote330 views2 answers
React Context API
Javascript React
0 vote347 views1 answer
Add active class to button onclick react
Javascript React