Sign in works well in android but have problem when running on web

[ChkBuk]

I have created a flutter android project and implemented firebase passwordless authentication. Both sending email and sign-in processes work well in android emulator but when running the same project on the web sending email works fine but after clicking on the email link, sign-in does not happen. Can anybody help me to resolve this?

emailsendSignIn.dart

 import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_dynamic_links/firebase_dynamic_links.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:yellow_lister/services/firebase_auth_helper.dart';
import 'package:yellow_lister/ui/signout_btn.dart';

final FirebaseAuth _auth = FirebaseAuth.instance;

class EmailLinkSignInSection extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => EmailLinkSignInSectionState();
}

class EmailLinkSignInSectionState extends State<EmailLinkSignInSection>
    with WidgetsBindingObserver {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final TextEditingController _emailController = TextEditingController();
  bool _success;
  String _userEmail;
  String _loginEmail;
  String _errorMsg;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    _emailController.dispose();
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(
        title: Text('Login 2'),
        actions: <Widget>[SignOut()],
        backgroundColor: Color(0xFFFFD700),
      ),
      body: Form(
        key: _formKey,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Container(
                child: TextFormField(
                  autofocus: false,
                  controller: _emailController,
                  enableInteractiveSelection: true,
                  decoration: InputDecoration(
                    alignLabelWithHint: true,
                    border: InputBorder.none,
                    labelText: 'Your email address',
                    labelStyle: TextStyle(
                        fontSize: 20,
                        color: Color(0x551C1D1D),
                        fontFamily: 'Arial'),
                    // hintText: myFocusNode.hasFocus?'':'Your email address',
                    hintStyle: TextStyle(
                        fontSize: 20,
                        color: Color(0x551C1D1D),
                        fontFamily: 'Arial'),
                  ),
                  validator: (String value) {
                    if (value.isEmpty) {
                      return 'Please enter your email.';
                    }
                    return null;
                  },
                ),
                padding: const EdgeInsets.fromLTRB(15, 0, 0, 5),
                alignment: Alignment.topLeft),
            Container(
              child: Text(
                  "We'll send you a quick email to confirm your address.",
                  style: GoogleFonts.lato(
                      textStyle: Theme.of(context).textTheme.headline4,
                      fontSize: 16,
                      fontWeight: FontWeight.w400)),
              padding: const EdgeInsets.fromLTRB(15, 15, 0, 0),
              alignment: Alignment.topLeft,
            ),
            Container(
              padding: const EdgeInsets.symmetric(vertical: 16.0),
              alignment: Alignment.center,
              child: TextButton(
                onPressed: () async {
                  if (_formKey.currentState.validate()) {
                    _sendEmailLink();
                  }
                },
                child: const Text('Submit'),
              ),
            ),
            Container(
              alignment: Alignment.center,
              padding: const EdgeInsets.symmetric(horizontal: 16),
              child: Text(
                _success == null
                    ? ''
                    : (_success
                        ? _loginEmail + ' has successfully signed in'
                        : _errorMsg),
                style: TextStyle(color: Colors.red),
              ),
            )
          ],
        ),
      ),
    ));
  }

  Future<void> _sendEmailLink() async {
    _userEmail = _emailController.text;
    await FirebaseAuthHelper().sendLinkToEmail(email: _userEmail);
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) async {
    if (state == AppLifecycleState.resumed) {
      final PendingDynamicLinkData data =
          await FirebaseDynamicLinks.instance.getInitialLink();

      if (data?.link != null) {
        _handleLink(data?.link);
      }
      FirebaseDynamicLinks.instance.onLink(
          onSuccess: (PendingDynamicLinkData dynamicLink) async {
        final Uri deepLink = dynamicLink?.link;
        _handleLink(deepLink);
      }, onError: (OnLinkErrorException e) async {
        print('onLinkError');
        print(e.message);
      });
    }
  }

  void _handleLink(Uri link) async {
    try {print('===================1===================$link');
      if (_auth.isSignInWithEmailLink(link.toString())) { print('===================2===================$link');
        final User user = (await _auth.signInWithEmailLink(
          email: _userEmail,
          emailLink: link.toString(),
        ))
            .user;
        if (user != null) {
          setState(() {
            _loginEmail = user.email;
            _success = true;
          });
        } else {
          setState(() {
            _success = false;
          });
        }
      } else {
        setState(() {
          _success = false;
        });
      }
    } on PlatformException catch (e) {
      if (e.code == 'ERROR_INVALID_ACTION_CODE') {
        _success = false;
        _errorMsg = 'Email link has been expired. Try again';
      }
    } catch (e) {
      print(e);
    }
    setState(() {});
  }
}

flutter doctor -v

[√] Flutter (Channel stable, 2.0.6, on Microsoft Windows [Version 10.0.19041.928], locale en-US)
    • Flutter version 2.0.6 at C:\src\flutter
    • Framework revision 1d9032c7e1 (9 days ago), 2021-04-29 17:37:58 -0700
    • Engine revision 05e680e202
    • Dart version 2.12.3

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Users\Madusha\AppData\Local\Android\Sdk
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = C:\Users\Madusha\AppData\Local\Android\Sdk
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6842174)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 4.1.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6842174)

[√] VS Code (version 1.56.0)
    • VS Code at C:\Users\Madusha\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.22.0

[√] Connected device (3 available)
    • AOSP on IA Emulator (mobile) • emulator-5554 • android-x86    • Android 9 (API 28) (emulator)
    • Chrome (web)                 • chrome        • web-javascript • Google Chrome 90.0.4430.93
    • Edge (web)                   • edge          • web-javascript • Microsoft Edge 90.0.818.51

• No issues found!

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  firebase_auth: ^0.18.4+1
  firebase_core: ^0.5.3
  firebase_dynamic_links: ^0.6.3
  firebase_auth_web: 0.3.2+3
  google_fonts: ^1.0.0

index.html

<!DOCTYPE html>
<html>
<head>

  <base href="/">

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="A new Flutter project.">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="yellow_lister">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon.png"/>

  <title>yellow_lister</title>
  <link rel="manifest" href="manifest.json">
</head>
<body>
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('flutter-first-frame', function () {
        navigator.serviceWorker.register('flutter_service_worker.js');
      });
    }
  </script>

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

  <script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "abc",
    authDomain: "fir-login-9f1da.firebaseapp.com",
    projectId: "fir-login-9f1da",
    storageBucket: "fir-login-9f1da.appspot.com",
    messagingSenderId: "33944444",
    appId: "1:3396444465498:web:4f0c556chjf57551dbac8f",
    measurementId: "G-H7FDGFD6B6B"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>
  <script src="main.dart.js" type="application/javascript"></script>

</body>
</html>