Could someone assist me with my current predicament? I attempted to work with TypeScript and utilize the useReducer hook.
const initialState = {
a: "a"
};
const [state, dispatch] = useReducer(reducer, {...initialState});
I keep encountering an error when using the spread operator. The specific error message is:
No overload matches this call.
Overload 1 of 5, '(reducer: ReducerWithoutAction<any>, initializerArg: any, initializer?: undefined): [any, DispatchWithoutAction]', gave the following error.
Argument of type '(state: any, action: any) => void' is not assignable to parameter of type 'ReducerWithoutAction<any>'.
Overload 2 of 5, '(reducer: (state: any, action: any) => void, initialState: void, initializer?: undefined): [void, Dispatch<any>]', gave the following error.
Argument of type '{ a: string; }' is not assignable to parameter of type 'void'.
What exactly does this error mean?
This is how my .babelrc file is structured:
{
"plugins": ["transform-object-rest-spread"],
"presets": [
"@babel/preset-env",
"@babel/preset-react",
"@babel/preset-typescript"
]
}
Can anyone point out where I might have made a mistake? Any help would be greatly appreciated.