Correct rendering of icons

Eroxl · Jan 21, 2023 · d333f79 · d333f79
1 parent 7987683
commit d333f79
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/web/src/components/blocks/Icon.tsx b/web/src/components/blocks/Icon.tsx
@@ -41,7 +41,7 @@ const Icon = (props: IconProps) => {
   }, [emojiPickerMenuRef]);
 
   return (
-    <div className="relative w-min h-min" ref={emojiPickerMenuRef}>
+    <div className="relative w-min h-min" ref={emojiPickerMenuRef} key={page}>
       <span className="flex items-center justify-center w-20 h-20 rounded select-none print:w-40 print:justify-start hover:bg-slate-600/5 hover:dark:bg-amber-50/5">
         <button className="select-none text-7xl w-min h-min" type="button" onClick={() => { setIsEmojiSelectorActive(!isEmojiSelectorActive); }}>
           {currentIcon}