bugfix: add OverlayProvider just once with the MarigoldProvider

.changeset/neat-penguins-tap.md

@@ -0,0 +1,5 @@
+---
+"@marigold/components": patch
+---
+
+bugfix: add OverlayProvider just once with the MarigoldProvider

packages/components/src/Provider/MarigoldProvider.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { OverlayProvider } from '@react-aria/overlays';
-import { ThemeProvider, ThemeProviderProps } from '@marigold/system';
+import { ThemeProvider, ThemeProviderProps, useTheme } from '@marigold/system';
 // import { Global } from '@emotion/react';
 // import { css } from '@theme-ui/css';
 
@@ -18,12 +18,19 @@ export const MarigoldProvider: React.FC<ThemeProviderProps> = ({
   theme,
   children,
 }) => {
+  const outerTheme = useTheme();
+  const isTopLevel = outerTheme.theme !== theme;
+
   return (
     <ThemeProvider theme={theme}>
-      <OverlayProvider>
-        {/* <GlobalStyles /> */}
-        {children}
-      </OverlayProvider>
+      {isTopLevel ? (
+        <OverlayProvider>
+          {/* <GlobalStyles />  */}
+          {children}
+        </OverlayProvider>
+      ) : (
+        children
+      )}
     </ThemeProvider>
   );
 };