typescript err: must have a '[Symbol.iterator]()' method that returns an iterator when using react usereducer hook in context-why?

Question

Im using typescript, not too familiar with and am getting the following err for when I use context and useReducer hook- in particularly for my dispatch method I get this: