我正在将电话号码验证器从软件包导入到页面上的 checkout 表单中，但当我刷新页面时，它显示此错误：
“传递了[libphonenumber-js] metadata参数，但该参数不是有效的元数据。必须是具有.countries子对象属性的对象。获取的对象形状为：{默认值}”。
下面是电话验证程序的代码块

import React, {useState} from 'react'
import PhoneInput from 'react-phone-number-input'

function Phone() {
  // `value` will be the parsed phone number in E.164 format.
  // Example: "+12133734253".
  const [value, setValue] = useState()
  return (
    <PhoneInput
      placeholder="Enter phone number"
      value={value}
      onChange={setValue}/>
  )
}

export default Phone

https://stackblitz.com/edit/react-eb2auu?file=src%2FWebpages%2FRegister.js,src%2FComponents%2FPhone.js,src%2FWebpages%2FCheckout.js
^这是整个网站/代码的托管版本。
我试过使用npm包中显示的一个简单的input标记，以及将phone输入从包中直接导入到checkout文件中，而不是创建一个单独的组件来导入并呈现到checkout表单中，但所有这些都返回了相同的错误。