From 0fba1dab4742ef2ca012a91dca403aa03519584d Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 13 Dec 2022 08:16:45 -0500
Subject: [PATCH] Fix type error

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/hotbar/hotbar-menu.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/hotbar/hotbar-menu.tsx b/src/renderer/components/hotbar/hotbar-menu.tsx
index 05e11bf659..53191c2d87 100644
--- a/src/renderer/components/hotbar/hotbar-menu.tsx
+++ b/src/renderer/components/hotbar/hotbar-menu.tsx
@@ -89,7 +89,7 @@ class NonInjectedHotbarMenu extends React.Component<Dependencies & HotbarMenuPro
     hotbar.addToHotbar(entity, index);
   };
 
-  getMoveAwayDirection(entityId: string | undefined, cellIndex: number) {
+  getMoveAwayDirection(entityId: string | undefined | null, cellIndex: number) {
     if (!entityId) {
       return "animateDown";
     }
@@ -110,10 +110,13 @@ class NonInjectedHotbarMenu extends React.Component<Dependencies & HotbarMenuPro
               index={index}
               key={entity ? entity.getId() : `cell${index}`}
               innerRef={provided.innerRef}
-              className={cssNames({
-                isDraggingOver: snapshot.isDraggingOver,
-                isDraggingOwner: snapshot.draggingOverWith == entity?.getId(),
-              }, this.getMoveAwayDirection(snapshot.draggingOverWith, index))}
+              className={cssNames(
+                {
+                  isDraggingOver: snapshot.isDraggingOver,
+                  isDraggingOwner: snapshot.draggingOverWith == entity?.getId(),
+                },
+                this.getMoveAwayDirection(snapshot.draggingOverWith, index),
+              )}
               {...provided.droppableProps}
             >
               {item && (