ui: fix popover

packages/ui-default/components/discussion/reaction.page.tsx

@@ -38,9 +38,11 @@ function Reaction({ payload, ele }) {
   const [finish, updateFinish] = React.useState(false);
   if (finish) setTimeout(() => updateFinish(false), 1000);
   return (
-    <Popover usePortal interactionKind="hover" isOpen={finish ? false : (focus ? true : undefined)}>
-      <span className="icon icon-emoji"></span>
-      <div>
+    <Popover
+      usePortal
+      interactionKind="hover"
+      isOpen={finish ? false : (focus ? true : undefined)}
+      content={<div>
         {chunk(emojiList, elesPerRow).map((line, i) => (
           <div className="row" key={+i} style={{ paddingBottom: 4, paddingTop: 4 }}>
             {line.map((emoji) => (
@@ -60,6 +62,8 @@ function Reaction({ payload, ele }) {
           </div>
         </div>
       </div>
+      }>
+      <span className="icon icon-emoji"></span>
     </Popover>
   );
 }