Summary

This fixes #8235

I was able to test locally in Kibana, and this fix makes the console warning go away.

⚠️ I was not able to reproduce the error outside of Kibana, nor determine the real cause of it, see elastic/kibana#202287 — I do not fully yet understand how EuiI18n works.

I believe usage of EuiPortal, as suggested here, is not related to the issue.

QA

To trigger the warning, go to Discover and open a document (flyout).

Also maybe worth noting, the warning is only triggered the first time the flyout is open.

In order to test locally, you need to run EUI locally in Kibana, as explained here, taking into account the new workspace interdependency which is not yet documented. Follow these steps (thanks again @mgadewoll):

• in packages/eui change eui-theme-common in the package.json from dependency to devDependency and add it also as peerDependency
• run yarn build:workspaces in packages/eui
• create local packages of all 3 packages: eui-theme-common, eui-theme-borealis and eui by running yarn build-pack in each directory
• copy the created tgz packages to kibana root
• add the packages in the Kibana package.json, e.g. like this (the names of the packages don't matter, just make sure to update the name if you create new packages so that the Kibana bundler registers a change and doesn't load a cached package)

General checklist

• Browser QA
  • Checked in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Checked for accessibility including keyboard-only and screenreader modes
• Docs site QA
  • Added documentation
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Checked Code Sandbox works for any docs examples
• Code quality checklist
  • Added or updated jest and cypress tests
  • Updated visual regression tests
• Release checklist
  • A changelog entry exists and is marked appropriately.
  • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
• Designer checklist
  • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)