refactor: anchorme component

Author: potty

src/Anchorme.tsx

@@ -12,36 +12,33 @@ type Props = {
 const Anchorme = ({ children, ...rest }: Props) => {
 	const text = Array.isArray(children) ? children.join('') : children
 
-	const parsedText = useMemo(() => {
-		const matches = anchorme.list(text)
-		if (matches.length === 0) return text
-
-		const elements = []
-		let lastIndex = 0
-		matches.forEach((match) => {
-			// Push text located before matched string
-			if (match.start > lastIndex) {
-				elements.push(text.substring(lastIndex, match.start))
-			}
-
-			// Push Link component
-			elements.push(
-				<Link {...rest} key={`link-${match.start}`} href={match.string} />,
-			)
-
-			lastIndex = match.end
-		})
-
-		// Push remaining text
-		if (text.length > lastIndex) {
-			elements.push(text.substring(lastIndex))
+	const matches = useMemo(() => anchorme.list(text), [text])
+
+	if (matches.length === 0) return <>{text}</>
+
+	const elements = []
+	let lastIndex = 0
+	matches.forEach((match) => {
+		// Push text located before matched string
+		if (match.start > lastIndex) {
+			elements.push(text.substring(lastIndex, match.start))
 		}
 
-		return elements.length === 1 ? elements[0] : elements
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-	}, [text])
+		// Push Link component
+		elements.push(
+			<Link {...rest} key={`link-${match.start}`} href={match.string} />,
+		)
+
+		lastIndex = match.end
+	})
+
+	// Push remaining text
+	if (text.length > lastIndex) {
+		elements.push(text.substring(lastIndex))
+	}
 
-	return <>{parsedText}</>
+	const result = elements.length === 1 ? elements[0] : elements
+	return <>{result}</>
 }
 
 export default React.memo(Anchorme)