GroupPage:Members Error

Build 18378 on lilac/react-19
1200px
Read only
Build 18378 on lilac/react-19
View Storybook
ErrorBuild 18378 on lilac/react-19
View Storybook
The baseline is taller and thinner than the new snapshot (1168x396 to 1256x391).
Fail
GroupPage.stories.tsx
Unable to find an accessible element with the role "button" and name "Open"

Here are the accessible roles:

  heading:

  Name "Unexpected Application Error!":
  <h2 />

  --------------------------------------------------heading:

  Name "useNavigate() may be used only in the context of a <Router> component.":
  <h3
    style="font-style: italic;"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useNavigate() may be used only in the context of a &lt;Router&gt; component.
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useNavigate() may be used only in the context of a &lt;Router&gt; component.
    at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60)
    at st (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7577)
    at te (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7558)
    at Pr (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/GroupPage.stories-C3tT-uzS.js:1:4523)
    at de (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:42343)
    at Of (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:63243)
    at L1 (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:73938)
    at Sv (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:115220)
    at My (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114335)
    at Jc (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114173)
  </pre>
</div>
View in Storybook
Chrome 121
1256x391
Linux Linux Ubuntu 20.04.4
34b4c1 on lilac/react-19
Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Open"

Here are the accessible roles:

  heading:

  Name "Unexpected Application Error!":
  <h2 />

  --------------------------------------------------heading:

  Name "useNavigate() may be used only in the context of a <Router> component.":
  <h3
    style="font-style: italic;"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useNavigate() may be used only in the context of a &lt;Router&gt; component.
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useNavigate() may be used only in the context of a &lt;Router&gt; component.
    at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60)
    at st (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7577)
    at te (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7558)
    at Pr (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/GroupPage.stories-C3tT-uzS.js:1:4523)
    at de (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:42343)
    at Of (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:63243)
    at L1 (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:73938)
    at Sv (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:115220)
    at My (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114335)
    at Jc (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114173)
  </pre>
</div>
    at Object.getElementError (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:184:284)
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:163
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:4139
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:386
    at r_.invoke (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338)
    at r_.track (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570)
    at Object.getByRole (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943)
    at play (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/GroupPage.stories-C3tT-uzS.js:1:8381)
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:60
    at mn.runPhase (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:100)