Typescript error on Generics Reducer

[sonatard]

This code can execute but it has an error on the reducer.

https://codesandbox.io/s/custom-hook-v7-1-e6yl0b?file=/src/useStack.ts

Removing the generics will remove the error.

https://codesandbox.io/s/custom-hook-v72-forked-51k3h?file=/src/useStack.ts

How can I fix it?

[mweststrate]

The reproduction doesn't seem to reflect the question. For the original problem, passing the generic to immerReducer might help: useImmerReducer<StackState<T>>(stackReducer())

[NMinhNguyen]

Using useImmerReducer<StackState<T>>(stackReducer(), initStack); in the original reproduction still causes an error:

Argument of type '(stack: StackState<T | Draft<T>>, action: StackAction<T | Draft<T>>) => void | StackState<T | Draft<T>>' is not assignable to parameter of type 'Reducer<StackState<T>, any>'.
  Type 'void | StackState<T | Draft<T>>' is not assignable to type 'void | StackState<T>'.
    Type 'StackState<T | Draft<T>>' is not assignable to type 'void | StackState<T>'.
      Type '(T | Draft<T>)[]' is not assignable to type 'StackState<T>'.
        Type 'T | Draft<T>' is not assignable to type 'T'.
          'T' could be instantiated with an arbitrary type which could be unrelated to 'T | Draft<T>'.ts(2345)