Revert "fix small but not done"

This reverts commit f12960ff.

src/ui/Duel/babylon.tsx

@@ -3,29 +3,19 @@ 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 = () => {
-  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 BabylonCanvas = () => (
+  <div>
+    <Engine antialias adaptToDeviceRatio canvasId="babylonJS">
+      <Scene>
+        <DuelCamera />
+        <DuelLight />
+        <DuelHands />
+        <DuelGround />
+      </Scene>
+    </Engine>
+  </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 {
@@ -11,11 +13,13 @@ import { store } from "../../store";
 import { useClick, useHover } from "react-babylonjs";
 import { useState, useRef } from "react";
 
-const DuelHands = (props: { hands: Card[] }) => {
+const DuelHands = () => {
+  const hands = useAppSelector(selectMeHands).cards;
+
   return (
     <>
-      {props.hands.map((hand, idx) => {
-        return <DuelHand state={hand} idx={idx} key={idx} />;
+      {hands.map((hand, idx) => {
+        return <DuelHand state={hand} idx={idx} />;
       })}
     </>
   );
@@ -54,7 +58,6 @@ const DuelHand = (props: { state: Card; idx: number }) => {
     );
     dispatch(setCardModalIsOpen(true));
   }, planeRef);
-
   return (
     <>
       <plane