[Bug]: Mobile ui search breaks into an infinite loop

[dnaploszek]

Describe the bug

1. A clean install of storybook v8.0.6 in React on a freshly create-react-app project.
2. Open chrome devtools -> responsive view -> mobile
3. Type anything in search and select any element
4. Infinite loop :(

To Reproduce

https://stackblitz.com/github/storybookjs/sandboxes/tree/next/cra/default-js/after-storybook?file=README.md&preset=node

1. Open Preview in new tab
2. Do the steps from the description

System

Storybook Environment Info:

  System:
    OS: macOS 14.2.1
    CPU: (10) arm64 Apple M1 Pro
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.0 - ~/.asdf/installs/nodejs/20.11.0/bin/node
    npm: 10.2.4 - ~/.asdf/plugins/nodejs/shims/npm <----- active
  Browsers:
    Chrome: 123.0.6312.107
    Safari: 17.2.1
  npmPackages:
    @storybook/addon-essentials: ^8.0.6 => 8.0.6
    @storybook/addon-interactions: ^8.0.6 => 8.0.6
    @storybook/addon-links: ^8.0.6 => 8.0.6
    @storybook/addon-onboarding: ^8.0.6 => 8.0.6
    @storybook/blocks: ^8.0.6 => 8.0.6
    @storybook/preset-create-react-app: ^8.0.6 => 8.0.6
    @storybook/react: ^8.0.6 => 8.0.6
    @storybook/react-webpack5: ^8.0.6 => 8.0.6
    @storybook/test: ^8.0.6 => 8.0.6
    eslint-plugin-storybook: ^0.8.0 => 0.8.0
    storybook: ^8.0.6 => 8.0.6

Additional context

No response