How to automatically open an android app when visiting a website with Deep Linking

Question

I have setup the following:

• assetlinks.json
• AndroidManifest.xml (listed below)

Issue

when clicking the link (https://m.clipdrop.io/login?b=datahere) it opens in the browser instead, but there is this icon in the corner when it opens in the browser as in the screenshot below.

Expected

when clicking the link, it should open the app directly if it's installed

Note

I've got a basic ReactJS Project and I followed this guide to turn it into an android project with my output in the build directory.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="io.clipdrop.clipdrop">    
    <!-- Permissions -->
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.MICROPHONE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-feature android:name="android.hardware.camera" android:required="true" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-feature android:name="android.hardware.microphone" android:required="true" />
    <uses-permission android:name="android.permission.AUDIO_CAPTURE" />
    <!-- Queries -->
    <queries>
        <package android:name="com.whatsapp"/>
        <package android:name="com.whatsapp.w4b"/>
        <package android:name="com.gbwhatsapp"/>
        <package android:name="com.android.browser"/>
        <package android:name="com.chrome.canary"/>
        <package android:name="com.chrome.beta"/>
        <package android:name="com.chrome.android.gm"/>
        <package android:name="com.google.android.googlequicksearchbox"/>
        <package android:name="com.google.android.apps.dynamite"/>
        <package android:name="com.android.chrome"/>
        <package android:name="com.google.android.apps.docs"/>
        <intent>
            <action android:name="android.media.browse.MediaBrowserService" />
        </intent>
    </queries>
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
            android:name="io.clipdrop.clipdrop.MainActivity"
            android:label="@string/title_activity_main"
            android:theme="@style/AppTheme.NoActionBarLaunch"
            android:launchMode="singleTask"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
                <category android:name="android.intent.category.BROWSABLE" />
            </intent-filter>
            <!-- Accepts URIs that begin with "http(s)://m.clipdrop.io -->
            <intent-filter android:autoVerify="true" android:label="@string/title_url_intent">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:host="m.clipdrop.io" android:scheme="https" android:pathPrefix="/login"/>
            </intent-filter>
        </activity>
        <provider
            android:name="androidx.core.content.FileProvider"
            android:authorities="${applicationId}.fileprovider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/file_paths"></meta-data>
        </provider>
    </application>
</manifest>

Its not automatically opening the app when i visit the web link provided.