build err fix

pages/TextRewriter/entries.tsx

@@ -27,7 +27,7 @@ import {
 } from "@mui/material"
 import EditIcon from "@mui/icons-material/Edit"
 import { useAtom } from "jotai"
-import React, { FC, ReactEventHandler, useEffect, useMemo, useState } from "react"
+import React, { FC, ReactEventHandler, useCallback, useEffect, useMemo, useState } from "react"
 import RecycleForm from "./recycleForm"
 import { concernLength, ngramScoreMap } from "@/ts/ts/text"
 import { caseUndefined, mapUnions, mapUnionsToAverage } from "@/ts/ts/map"
@@ -88,27 +88,30 @@ const SimilarEntries: FC<SimilarEntriesProp> = prop => {
 
 	const lengthmaps = getLengthMap(atomEntryIdDedupedMap, atomDedupedMap)
 
-	const ngramScoreMap_concernLength = (fromto: keyof FromToObj) =>
-		concernLength(
-			mapUnionsToAverage(
-				atomIndex[fromto].map(index => {
-					const ngramScored = ngramScoreMap(index)(inputting[fromto])
-					// console.log(`ngramScored${index.n}`, ngramScored)
-					return ngramScored
-				})
-			)
-		)(inputting[fromto].length, lengthmaps[fromto])
+	const ngramScoreMap_concernLength = useCallback(
+		(fromto: keyof FromToObj) =>
+			concernLength(
+				mapUnionsToAverage(
+					atomIndex[fromto].map(index => {
+						const ngramScored = ngramScoreMap(index)(inputting[fromto])
+						// console.log(`ngramScored${index.n}`, ngramScored)
+						return ngramScored
+					})
+				)
+			)(inputting[fromto].length, lengthmaps[fromto]),
+		[atomIndex]
+	)
 
 	const similarfrom = useMemo(() => {
 		// console.log("atom index", atomIndex)
 		const scored = ngramScoreMap_concernLength("from")
 		// console.log("scored", scored)
 		return [...scored.entries()].sort((d, f) => f[1] - d[1]).slice(0, prop.maxShowNumber)
-	}, [allentries, inputting.from])
+	}, [ngramScoreMap_concernLength, prop.maxShowNumber])
 	const similarto = useMemo(() => {
 		const scored = ngramScoreMap_concernLength("to")
 		return [...scored.entries()].sort((d, f) => f[1] - d[1]).slice(0, prop.maxShowNumber)
-	}, [allentries, inputting.to, inputting.from])
+	}, [ngramScoreMap_concernLength, prop.maxShowNumber])
 
 	const similarCalc = {
 		from: similarfrom,

pages/TextRewriter/entryForm.tsx

@@ -82,7 +82,15 @@ const EntryForm: FC = () => {
 		}
 		// }, 100)
 		// return () => clearTimeout(debounce)
-	}, [useWatchValue, allentries])
+	}, [
+		useWatchValue,
+		allentries,
+		dedupedEntryMap,
+		lang,
+		newForm,
+		setatomInputtingEntry,
+		setatomMatchingEntry,
+	])
 	const addEntry = (f: Form) => {
 		const { to, ...fkey } = f
 		const key = JSON.stringify(fkey)

pages/TextRewriter/info.tsx

@@ -89,7 +89,9 @@ const InfoComponent: FC = () => {
 				</Button>
 			</div>
 			<div>
-				{show ? [...Object.entries(translationTree.info)].map(o => <p>{o[1][lang]}</p>) : ""}{" "}
+				{show
+					? [...Object.entries(translationTree.info)].map((o, i) => <p key={i}>{o[1][lang]}</p>)
+					: ""}{" "}
 			</div>
 		</div>
 	)

pages/TextRewriter/recycleForm.tsx

@@ -83,7 +83,15 @@ const RecycleForm: FC<RecycleFormProp> = prop => {
 			setAddButtonContent("add")
 			setatomMatchingEntry(newe)
 		}
-	}, [useWatchValue, allentries])
+	}, [
+		useWatchValue,
+		allentries,
+		dedupedEntryMap,
+		lang,
+		newForm,
+		setatomInputtingEntry,
+		setatomMatchingEntry,
+	])
 
 	const addEntry = (f: Form) => {
 		// console.log("addEntry called")

pages/TextRewriter/searchForm.tsx

@@ -19,7 +19,7 @@ const SearchForm: FC = () => {
 
 	useEffect(() => {
 		setAtomSearchDelay(useWatchValue.delay ?? defaultSimilarForm.delay)
-	}, [useWatchValue])
+	}, [useWatchValue, setAtomSearchDelay])
 
 	return (
 		<Box>