Reactjs React FirebaseUI-StyledFirebaseAuth

验证数字时，样式中存在错误。在FireFox浏览器上，它看起来不错，但当我在Chrome上试用时，它看起来像这样-。有人知道如何配置吗

我正在使用这个软件包：

const uiConfig={
signInFlow:“弹出窗口”，
签署：[{
提供程序：firebaseConfig.auth.PhoneAuthProvider.provider\u ID，
默认国家：“PH”，
白名单国家：['PH'，'+63']
}],
tosUrl:`${domain}`，
回调：{
SignInsessWithAuthResult:（）=>{
返回错误
}
},
}
常量设置验证码=（）=>{
window.recaptchaVerifier=新的firebaseConfig.auth.recaptchaVerifier（'recaptcha-container'{
“大小”：“50px”，
“回调”：（响应）=>{
onSignensubmit（）；
}
});
} 
ui.disableAutoSignIn（）}
/>

你能和我们分享一些代码吗？我已经编辑了这篇文章。非常感谢。

const uiConfig = {
    signInFlow: 'popup',
    signInOptions: [{ 
      provider: firebaseConfig.auth.PhoneAuthProvider.PROVIDER_ID, 
      defaultCountry: "PH", 
      whitelistedCountries: ['PH', '+63']
    }],
    tosUrl: `${domain}`,
    callbacks: {
      signInSuccessWithAuthResult: () => {
        return false
      }
    },
}


const setUpCaptcha = () => {
        window.recaptchaVerifier = new firebaseConfig.auth.RecaptchaVerifier('recaptcha-container', {
            'size': '50px',
            'callback': (response) => {
              onSignInSubmit();
            }
        });
    } 

<StyledFirebaseAuth 
  uiConfig={uiConfig} 
  firebaseAuth={firebaseConfig.auth()}
  uiCallback={ui => ui.disableAutoSignIn()}
/>