Not work EuiPinnableListGroup if use React.StrictMode

[IvanovRoman]

Environment and versions

• EUI version: 94.1.0
• React version: 18.2.0
• Browser: 124.0.6367.78
• Operating System: Windows 10

When I use React.StrictMode the list KibanaNavLinks does not open

  const KibanaNavLinks: EuiPinnableListGroupItemProps[] = [
    { label: 'Discover', pinned: true },
    { label: 'Visualize', pinned: true },
    { label: 'Dashboards', pinned: true },
    { label: 'Canvas', pinned: true },
    { label: 'Maps', pinned: true },
    { label: 'Machine Learning', pinned: true },
    { label: 'Graph', pinned: true },
  ];

    <EuiCollapsibleNavGroup
      title="Kibana"
      iconType="logoKibana"
      isCollapsible={true}
      initialIsOpen={true}
    >
      <EuiPinnableListGroup
        listItems={KibanaNavLinks}
        onPinClick={() => {}}
        maxWidth="none"
        color="text"
        gutterSize="none"
        size="s"
      />
    </EuiCollapsibleNavGroup>

[JasonStoltz]

Hi @IvanovRoman, thank you for the bug report! Unfortunately, we do not currently support strict mode: #7774.

I'm going to close this issue in favor of #7774. You can follow that issue for progress updates on Strict Mode support.

It's not currently on our Roadmap, so I'm not sure when / if we will provide support.