fix type missing d3 type

Author: benthecoder

components/Heatmap.tsx

@@ -276,24 +276,16 @@ const Heatmap = ({
             <div className="flex items-center gap-2">
               <div className="flex items-center gap-1">
                 <span className="text-japanese-nezumiiro dark:text-japanese-ginnezu text-[10px]">
-                  Less
+                  less
                 </span>
                 <div className="w-[10px] h-[10px] rounded-[1px] bg-japanese-sumiiro/30 dark:bg-japanese-shironezu/30"></div>
                 <div className="w-[10px] h-[10px] rounded-[1px] bg-japanese-sumiiro/60 dark:bg-japanese-shironezu/60"></div>
                 <div className="w-[10px] h-[10px] rounded-[1px] bg-japanese-sumiiro/90 dark:bg-japanese-shironezu/90"></div>
                 <span className="text-japanese-nezumiiro dark:text-japanese-ginnezu text-[10px]">
-                  More
+                  more words
                 </span>
               </div>
             </div>
-            {!showNavigation && (
-              <Link
-                href="/calendar"
-                className="text-japanese-nezumiiro dark:text-japanese-ginnezu hover:text-japanese-sumiiro dark:hover:text-japanese-shironezu"
-              >
-                view all years →
-              </Link>
-            )}
           </div>
         )}
       </div>

components/KnowledgeMap.tsx

@@ -63,6 +63,7 @@ export default function KnowledgeMap({
 
   useEffect(() => {
     fetchData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [neighbors, minDist, spread]);
 
   // Filter articles

package-lock.json

@@ -73,6 +73,9 @@
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.8",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-selection": "^3.0.11",
+    "@types/d3-zoom": "^3.0.8",
     "@types/jsdom": "^21.1.1",
     "@types/marked": "^5.0.1",
     "@types/pg": "^8.15.5",