react-phone-number-input + ant design (antd) Input

app.js

import React, { useState, useCallback, forwardRef } from 'react';
import { Input } from 'antd';
import PhoneInput from 'react-phone-number-input/min';
import 'react-phone-number-input/style.css';

const PhoneInputComponent = forwardRef(({ onChange, ...props }, ref) => {
  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);
  return <Input ref={ref} {...props} onChange={handleChange} />;
});

const App = () => {
  const [phoneNumber, setPhoneNumber] = useState();
  return (
    <div className="app">
      <PhoneInput
        value={phoneNumber}
        onChange={setPhoneNumber}
        inputComponent={PhoneInputComponent}
      />
    </div>
  );
};

export default App;

just checked, this peace of code still works with v4

doesn't work with the latest Antd https://stackblitz.com/edit/react-dg4xxp