From 6749d19f9ef990251e48cb67dc941a0416040aa0 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 5 Jan 2021 05:51:54 +0000
Subject: [PATCH] fix dev emotion crasher in wardrobe page

This seemed to only show up in dev? But right, I guess it's not happy about passing stuff from ClassNames into a Popover Portal. Move it inside, fixed!
---
 src/app/WardrobePage/PosePicker.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/WardrobePage/PosePicker.js b/src/app/WardrobePage/PosePicker.js
index 616c284..68c467d 100644
--- a/src/app/WardrobePage/PosePicker.js
+++ b/src/app/WardrobePage/PosePicker.js
@@ -107,16 +107,16 @@ function PosePicker({
   };
 
   return (
-    <ClassNames>
-      {({ css, cx }) => (
-        <Popover
-          placement="bottom-end"
-          returnFocusOnClose
-          onOpen={onLockFocus}
-          onClose={onUnlockFocus}
-          initialFocusRef={initialFocusRef}
-        >
-          {({ isOpen }) => (
+    <Popover
+      placement="bottom-end"
+      returnFocusOnClose
+      onOpen={onLockFocus}
+      onClose={onUnlockFocus}
+      initialFocusRef={initialFocusRef}
+    >
+      {({ isOpen }) => (
+        <ClassNames>
+          {({ css, cx }) => (
             <>
               <PopoverTrigger>
                 <Button
@@ -199,9 +199,9 @@ function PosePicker({
               </Portal>
             </>
           )}
-        </Popover>
+        </ClassNames>
       )}
-    </ClassNames>
+    </Popover>
   );
 }