fix small but not done

src/ui/Duel/babylon.tsx

@@ -3,19 +3,29 @@ import { Engine, Scene } from "react-babylonjs";
 import * as BABYLON from "@babylonjs/core";
 import * as CONFIG from "../../config/ui";
 import DuelHands from "./hands_";
+import { selectMeHands } from "../../reducers/duel/handsSlice";
+import { useAppSelector } from "../../hook";
+import CardModal from "./cardModal";
+import HintNotification from "./hintNotification";
 
-const BabylonCanvas = () => (
-  <div>
-    <Engine antialias adaptToDeviceRatio canvasId="babylonJS">
-      <Scene>
-        <DuelCamera />
-        <DuelLight />
-        <DuelHands />
-        <DuelGround />
-      </Scene>
-    </Engine>
-  </div>
-);
+const BabylonCanvas = () => {
+  const hands = useAppSelector(selectMeHands).cards;
+
+  return (
+    <div>
+      <Engine antialias adaptToDeviceRatio canvasId="babylonJS">
+        <Scene>
+          <DuelCamera />
+          <DuelLight />
+          <DuelHands hands={hands} />
+          <DuelGround />
+        </Scene>
+      </Engine>
+      <CardModal />
+      <HintNotification />
+    </div>
+  );
+};
 
 const DuelCamera = () => (
   <freeCamera

src/ui/Duel/hands_.tsx

 import * as BABYLON from "@babylonjs/core";
-import { useAppSelector } from "../../hook";
-import { selectMeHands } from "../../reducers/duel/handsSlice";
 import * as CONFIG from "../../config/ui";
 import { Card, InteractType } from "../../reducers/duel/util";
 import {
@@ -13,13 +11,11 @@ import { store } from "../../store";
 import { useClick, useHover } from "react-babylonjs";
 import { useState, useRef } from "react";
 
-const DuelHands = () => {
-  const hands = useAppSelector(selectMeHands).cards;
-
+const DuelHands = (props: { hands: Card[] }) => {
   return (
     <>
-      {hands.map((hand, idx) => {
-        return <DuelHand state={hand} idx={idx} />;
+      {props.hands.map((hand, idx) => {
+        return <DuelHand state={hand} idx={idx} key={idx} />;
       })}
     </>
   );
@@ -58,6 +54,7 @@ const DuelHand = (props: { state: Card; idx: number }) => {
     );
     dispatch(setCardModalIsOpen(true));
   }, planeRef);
+
   return (
     <>
       <plane