Unable to Access Pages Due to Anchor URL Structure in React Based Plugin

[LiamHillier]

When users try to reach my plugin page, which employ #/ in the URL structure, they face the error message "Sorry, you are not allowed to access this page." This problem stems from the URL format utilized by the React-based plugin. Subsequent pages such as /squarewoosync#/inventory or /squarewoosync#/settings/general rely on this anchor so we can have direct links to these "pages". It seems that the WordPress playground environment imposes restrictions on accessing pages with URLs containing #/, resulting in the "not allowed to access" error.

Screenshot:

Plugin Information:
SquareWooSync

Blueprint to reproduce:

{
    "landingPage": "\/wp-admin\/plugins.php",
    "preferredVersions": {
        "php": "8.0",
        "wp": "latest"
    },
    "phpExtensionBundles": [
        "kitchen-sink"
    ],
    "features": {
        "networking": true
    },
    "steps": [
        {
            "step": "installPlugin",
            "pluginZipFile": {
                "resource": "wordpress.org\/plugins",
                "slug": "woocommerce"
            },
            "options": {
                "activate": true
            }
        },
        {
            "step": "installPlugin",
            "pluginZipFile": {
                "resource": "wordpress.org\/plugins",
                "slug": "squarewoosync"
            },
            "options": {
                "activate": true
            }
        },
        {
            "step": "login",
            "username": "admin",
            "password": "password"
        }
    ]
}

Could this be looked into please

[bgrgicak]

@dd32 did some research and shared this:

FWIW, that’s pointed to a bug in the URL parsing.
Settings
results in:
["REQUEST_URI"]=>
string(81) "/scope:0.0143253986239074/wp-admin/admin.php?page=squarewoosync#/settings/general"
["_REQUEST"]=>
array(1) {
["page"]=>
string(31) "squarewoosync#/settings/general"
}