title: Getting a Typescript error saying, some type is not assignable to parameter of type 'ReducerWithoutAction<any>'?
body: <p>I am building a form for practice and am using <code>useReducer()</code> to manage the state. The Typescript error I am getting relates to it, I have tried solving it but no luck.</p>
  <p>The full code is available here (Path: src/components/Input.tsx):
  <a href="https://codesandbox.io/s/mutable-dew-4uwm3?file=/src/components/Input.tsx" rel="nofollow noreferrer">CodeSandbox</a></p>
  <p>Full Error:</p>
  <blockquote>
  <p>TypeScript error in /form/src/components/Input.tsx(47,47):
  No overload matches this call.
  Overload 1 of 5, '(reducer: ReducerWithoutAction, initializerArg: any, initializer?: undefined): [any, DispatchWithoutAction]', gave the following error.
  Argument of type '(state: InputState, action: InputAction) =&gt; { value: string | undefined; isValid: boolean | undefined; touched: boolean; }' is not assignable to parameter of type 'ReducerWithoutAction'.  TS2769</p>
  </blockquote>
  <pre><code>45 | const Input: React.FC&lt;Props&gt; = (props) =&gt; {
  46 |     console.log(props.required);
  47 |     const [inputState, dispatch] = useReducer(inputReducer, {
     |                                              
  48 |         value: props.initialValue,
  49 |         isValid: false,
  50 |         touched: false
  </code></pre>