/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 vote140 views1 answer
React redux wait for props
Javascript React
1 vote131 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote138 views1 answer
Reactjs import electron
Javascript React
4 votes153 views2 answers
React materilize
Javascript React
5 votes144 views1 answer
React native backgrunde img
Javascript React
1 vote443 views1 answer
React waypoint loadmore not working
Javascript React
105 votes181 views1 answer
Create react app scaffolding
Javascript React
2 votes150 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote150 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
1 vote140 views1 answer
React router base url
Javascript React