Reat エラー解決できない

Question

https://teratail.com/questions/252041
上記質問続きとなります。

国際電話番号を選択できるプルダウンを作りたくreact-phone-input-2をimportしました。
画面を表示したら画面が真っ白になってしまい、デベロッパーツールでエラーを確認したら以下のエラーが表示されていました。
わかる人がいましたら教えて欲しいです

react-dom.development.js:22704 Uncaught TypeError: e.value.replace is not a function

//@ts-ignore
import PhoneInput from 'react-phone-input-2';
import 'react-phone-input-2/lib/style.css';

  const onChangeWithKey = (key: string, value: string | number) => {
    setState({
      ...state,
      newUser: Object.assign({}, state.user, { [key]: value }),
    });
  };


  <PhoneInput
    country={'ja'}
    value={user.phoneNumber}
    onChange={(e: number) => onChangeWithKey(e)}
  />

Answer 1

TypeScriptには明るくないのでなんとも言えないところではありますが、通常onChangeのコールバックに渡されるのはeventであってnumberではないと思われる点と、key, valの2つの引数が与えられることを期待している onChangeWithKey() に、eしか与えていない点が気になります。
値のやりとりをしている箇所で、console.logなどで期待通りの値が渡っているか確認するのが吉と思います。