The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type

[cdolek]

I get this warning in console, after upgrading to any version above v58.0.0

The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type

[thompsongl]

Do you happen to have an Emotion cache configured? If so you can add the .compat = true option to bypass this: https://elastic.github.io/eui/#/utilities/provider#global-styles

[cdolek]

@thompsongl No cache configured, using like this:

import {
  ThemeProvider as StyledThemeProvider,
  StyleSheetManager,
  createGlobalStyle,
} from 'styled-components/macro';

import { EuiProvider } from '@elastic/eui';
...
...
const App = () => {
  return (
    <StyleSheetManager disableVendorPrefixes>
      <EuiProvider colorMode="dark">
        <StyledThemeProvider theme={someTheme}>
          <GlobalStyle />
            ...
            ...
        </StyledThemeProvider>
      </EuiProvider>
    </StyleSheetManager>
  );
};

[cee-chen]

Can confirm this is reproducible when no cache is passed to EuiProvider: https://codesandbox.io/s/romantic-wilson-0oe88v?file=/index.js

I think I know why as well, we essentially need to use option 3 in emotion-js/emotion#1105 (comment) if a custom cache isn't passed