Skip to content

"Test Regex" in project settings is busted #3373

@strugee

Description

@strugee

How are you running Flagsmith

  • Self Hosted with Docker
  • Self Hosted with Kubernetes
  • SaaS at flagsmith.com
  • Some other way (add details in description below)

Describe the bug

Basically what the title says - the flag name regex test button does nothing when clicked.

JS console logs:

The connection to https://realtime.flagsmith.com/sse/environments/4vfqhypYjcPoGGu8ByrBaj/stream was interrupted while the page was loading. index.js:1:18263
Some cookies are misusing the recommended “SameSite“ attribute 9
Loading failed for the <script> with source “https://js-cdn.dynatrace.com/jstag/17b5f18726d/ruxitagent_A2NVfqru_10269230615181503.js”. settings:2:143
Deprecated as of 10.6.0. initHighlightingOnLoad() deprecated.  Use highlightAll() now. instrument.js:108:32
Loading failed for the <script> with source “https://cdn.heapanalytics.com/js/heap-1332296308.js”. settings:1:1
Google Analytics and Tag Manager is being shimmed by Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1713687 for details. sandbox eval code:1:9
Partitioned cookie or storage access was provided to “https://headway-widget.net/widgets/yErY2x” because it is loaded in the third-party context and dynamic state partitioning is enabled.
[WARNING] Crisp found shims of native JavaScript methods. This can alter the chatbox behavior and break things. Make sure not to override listed functions to ensure your chatbox works as expected. You may be looking for other JavaScript libraries in use on this page.

You can disable this warning by adding: $crisp.push(["safe", true]) to your page JavaScript.

Methods to check: 
Array(4) [ "clearTimeout", "clearInterval", "document.addEventListener", "document.removeEventListener" ]
instrument.js:108:32
[Delighted] Survey not shown because person is not eligible until Fri May 31 2024 09:01:40 GMT-0400 (Eastern Daylight Time). instrument.js:108:32
Uncaught (in promise) HandshakeTimeoutError: Handshake timed out
    t ui-extensions-sdk.min.js:1
    initTimer ui-extensions-sdk.min.js:1
    r helpers.js:90
    setTimeout handler*9299/Ft/< trycatch.js:105
    setInitTimer ui-extensions-sdk.min.js:1
    t ui-extensions-sdk.min.js:1
    e ui-extensions-sdk.min.js:1
    init ui-extensions-sdk.min.js:1
    67011 datadog-client.ts:4
    Webpack 18
ui-extensions-sdk.min.js:1:3157
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://o486744.ingest.sentry.io/api/5666694/envelope/?sentry_key=2f6eb58a3987406aaeee38d5f0c38005&sentry_version=7&sentry_client=sentry.javascript.browser%2F7.28.0. (Reason: CORS request did not succeed). Status code: (null).
Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    React 10
    unstable_runWithPriority scheduler.production.min.js:20
    React 5
    r helpers.js:90
    Ht trycatch.js:215
    dt instrument.js:486
    React 8
    unstable_runWithPriority scheduler.production.min.js:20
    React 6
    componentDidMount AccountProvider.js:21
    emit events.js:158
    trigger _store.js:72
    loaded _store.js:39
    setUser account-store.js:330
    getOrganisations account-store.js:157
    promise callback*getOrganisations account-store.js:156
    onLogin account-store.js:226
    setToken account-store.js:289
    dispatcherIndex account-store.js:489
    l main.js:58
    dispatch main.js:107
    dispatch main.js:103
    handleViewAction dispatcher.js:12
    setToken _app-actions.js:36
    <anonymous> main.js:45
    <anonymous> main.js:104
    <anonymous> main.js:104
instrument.js:108:32
    dt instrument.js:108
    overrideMethod settings:13024
    React 5
    unstable_runWithPriority scheduler.production.min.js:20
    React 4
    unstable_runWithPriority scheduler.production.min.js:20
    React 5
    r helpers.js:90
    (Async: EventListener.handleEvent)
    Ht trycatch.js:215
    dt instrument.js:486
    React 8
    unstable_runWithPriority scheduler.production.min.js:20
    React 6
    componentDidMount AccountProvider.js:21
    emit events.js:158
    trigger _store.js:72
    loaded _store.js:39
    setUser account-store.js:330
    getOrganisations account-store.js:157
    (Async: promise callback)
    getOrganisations account-store.js:156
    onLogin account-store.js:226
    setToken account-store.js:289
    dispatcherIndex account-store.js:489
    l main.js:58
    dispatch main.js:107
    dispatch main.js:103
    handleViewAction dispatcher.js:12
    setToken _app-actions.js:36
    <anonymous> main.js:45
    <anonymous> main.js:104
    <anonymous> main.js:104
Uncaught Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    React 10
    unstable_runWithPriority scheduler.production.min.js:20
    React 5
    r helpers.js:90
    Ht trycatch.js:215
    dt instrument.js:486
    React 8
    unstable_runWithPriority scheduler.production.min.js:20
    React 6
    componentDidMount AccountProvider.js:21
    emit events.js:158
    trigger _store.js:72
    loaded _store.js:39
    setUser account-store.js:330
    getOrganisations account-store.js:157
    promise callback*getOrganisations account-store.js:156
    onLogin account-store.js:226
    setToken account-store.js:289
    dispatcherIndex account-store.js:489
    l main.js:58
    dispatch main.js:107
    dispatch main.js:103
    handleViewAction dispatcher.js:12
    setToken _app-actions.js:36
    <anonymous> main.js:45
    <anonymous> main.js:104
    <anonymous> main.js:104
react-dom.production.min.js:259:109
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://o486744.ingest.sentry.io/api/5666694/envelope/?sentry_key=2f6eb58a3987406aaeee38d5f0c38005&sentry_version=7&sentry_client=sentry.javascript.browser%2F7.28.0. (Reason: CORS request did not succeed). Status code: (null).
Source map error: Error: request failed with status 404
Resource URL: null
Source Map URL: react_devtools_backend_compact.js.map

Minified React error #130 is the start of what was caused by clicking on the button.

I'm on Firefox Nightly 124.0a1 built 2024-01-31 on macOS 14.3 (23D56).

Steps To Reproduce

  1. Go to https://app.flagsmith.com/project/<project ID>/settings
  2. Enter ^(preco|bx|ox|platform|eng)_.+$ as the regex
  3. Click "Test regex"
  4. Notice how literally nothing happens

Expected behavior

Something pops up? I'm not sure what's supposed to happen here. Some kind of visual feedback.

Screenshots

No response

Metadata

Metadata

Labels

bugSomething isn't workingfront-endIssue related to the React Front End Dashboard

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions