fix: issue with re-rendering on hover outside of editor mode

reearth · Jul 8, 2022 · a395206 · a395206
1 parent 89cce2c
commit a395206
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-align",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "author": "KaWaite",
   "module": "dist/react-align.esm.js",
   "license": "MIT",

diff --git a/src/GridItem.tsx b/src/GridItem.tsx
@@ -86,6 +86,7 @@ export default function GridItem({
     [disabled, editing, extendable, extended, id, index, isDragging, isHovered]
   );
 
+  console.log('hey');
   return (
     <Draggable draggableId={id} index={index} isDragDisabled={disabled}>
       {(provided, snapshot) => (
@@ -114,8 +115,8 @@ export default function GridItem({
                   : undefined,
               height: vertical && extended ? '100%' : undefined,
             }}
-            onMouseEnter={() => setHovered(true)}
-            onMouseLeave={() => setHovered(false)}
+            onMouseEnter={() => editing && setHovered(true)}
+            onMouseLeave={() => editing && setHovered(false)}
           >
             {typeof children === 'function' ? children(ctx) : children}
             <div