integrate existing flow into onboarding

src/components/contacts/screens/GetContacts.tsx

@@ -25,7 +25,7 @@ export function GetContacts({
   onCancel,
 }: {
   state: Extract<State, {step: '3: get contacts'}>
-  dispatch: React.Dispatch<Action>
+  dispatch: React.ActionDispatch<[Action]>
   onCancel: () => void
 }) {
   const {_} = useLingui()

src/components/contacts/screens/PhoneInput.tsx

@@ -44,7 +44,7 @@ export function PhoneInput({
   onSkip,
 }: {
   state: Extract<State, {step: '1: phone input'}>
-  dispatch: React.Dispatch<Action>
+  dispatch: React.ActionDispatch<[Action]>
   showSkipButton: boolean
   onSkip: () => void
 }) {

src/components/contacts/screens/VerifyNumber.tsx

@@ -29,7 +29,7 @@ export function VerifyNumber({
   onSkip,
 }: {
   state: Extract<State, {step: '2: verify number'}>
-  dispatch: React.Dispatch<Action>
+  dispatch: React.ActionDispatch<[Action]>
   showSkipButton: boolean
   onSkip: () => void
 }) {