Error "Right side of assignment cannot be destructured" on Safari

[TomTasche]

[REQUIRED] Describe your environment

• Operating System version: macOS 11.5.2
• Browser version: Safari 15.0
• Firebase UI version: 5.0.0
• Firebase SDK version: 9.1.0

[REQUIRED] Describe the problem

Steps to reproduce:

• Firebase project with phone authentication enabled
• Test on a device with Safari (either MacOS or iOS)
• Use FirebaseUi to start authentication flow
• Enter number, send verification code
• Enter verification code
• FirebaseUi displays "dialog" showing an error message: "Right side of assignment cannot be destructured"

Relevant Code:

https://stackblitz.com/edit/firebase-issue-sandbox-zfbht1?file=index.html

I'm not entirely sure if this is an issue in FirebaseUi or Firebase SDK unfortunately. It works fine on Android and Linux by the way.

[xil222]

Hi @TomTasche , FirebaseUI v5.0.0 is not currently compatible with Firebase JS SDK > 9 yet, we are working on the migration in link

[TomTasche]

Thanks for the quick response @xil222 ! I'm pretty sure that I only upgraded to 5.0 because of this bug, but I'll try again tomorrow to double check.

[xil222]

@TomTasche ok, lmk what happens tomorrow, I think FirebaseUI v5.0.0 is only related to the removal of accountchooser.com, which doesn't seem to be related to your error.

[TomTasche]

Downgraded FirebaseUi to 4.8.1 and the same error is still popping up. Here's what it looks like:

Note: the bug is not occurring when using your hosted demo (https://fir-ui-demo-84a6c.firebaseapp.com). That's using an old version of Firebase SDK and an unknown version of FirebaseUi though. I'd prefer to find a solution for newer SDK versions.

[xil222]

Once we make FirebaseUI compatible with Firebase JS SDK v9, we would update the version for the hosted demo.

[treeder]

We're seeing this problem too on mobile Safari (not sure about desktop safari).

[xil222]

Looks like this is a Firebase/auth issue in compat layer, and it has been fixed in @firebase/auth in 0.18.2 see, the most recent release was on yesterday link, could you try Firebase v9.1.2? @treeder @TomTasche

[xil222]

we'll be updating the dependency of demoApp soon

[eiiot]

Still facing this issue using Web V8 (9.1.2).

My code:
<script defer src="/__/firebase/9.1.2/firebase-auth-compat.js"></script>

Error is the same:
Unhandled Promise Rejection: TypeError: Right side of assignment cannot be destructured

[xil222]

@eiiot I can only reproduce the error in 9.1.0, it looks like in 9.1.2 the error is fixed.
make sure using including both app and auth scripts

    <script src="https://www.gstatic.com/firebasejs/9.1.2/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.1.2/firebase-auth-compat.js"></script>