/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

2 votes244 views2 answers
How to send form data from react to express
Javascript React
0 vote249 views2 answers
React router dom link same page with different param
Javascript React
0 vote229 views1 answer
Location maps react native
Javascript React
7 votes250 views3 answers
Install node-sass version for react
Javascript React
1 vote219 views1 answer
React router last page
Javascript React
0 vote242 views1 answer
React hooks port requst
Javascript React
15 votes245 views1 answer
React forwardref
Javascript React
0 vote237 views1 answer
Pass text to button component react
Javascript React
2 votes257 views4 answers
Date range picker react
Javascript React
0 vote227 views1 answer
Angular reactive form remove validation
Javascript React