From 865b5bc31a01da91c2d71144a730c55523beb8dd Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 16 May 2025 19:45:32 +0100
Subject: [PATCH] fix: update filter select when redirected

---
 src/components/mii-list/filter-select.tsx | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/mii-list/filter-select.tsx b/src/components/mii-list/filter-select.tsx
index f7358f4..0db63a2 100644
--- a/src/components/mii-list/filter-select.tsx
+++ b/src/components/mii-list/filter-select.tsx
@@ -1,18 +1,23 @@
 "use client";
 
 import { redirect, useSearchParams } from "next/navigation";
-import { useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import TagSelector from "../tag-selector";
 
 export default function FilterSelect() {
 	const searchParams = useSearchParams();
+
 	const rawTags = searchParams.get("tags");
-	const preexistingTags = rawTags
-		? rawTags
-				.split(",")
-				.map((tag) => tag.trim())
-				.filter((tag) => tag.length > 0)
-		: [];
+	const preexistingTags = useMemo(
+		() =>
+			rawTags
+				? rawTags
+						.split(",")
+						.map((tag) => tag.trim())
+						.filter((tag) => tag.length > 0)
+				: [],
+		[rawTags]
+	);
 
 	const [isOpen, setIsOpen] = useState(false);
 	const [tags, setTags] = useState<string[]>(preexistingTags);
@@ -21,6 +26,10 @@ export default function FilterSelect() {
 		redirect(`/?tags=${encodeURIComponent(tags.join(","))}`);
 	};
 
+	useEffect(() => {
+		setTags(preexistingTags);
+	}, [preexistingTags]);
+
 	return (
 		<div className="relative">
 			<button onClick={() => setIsOpen((prev) => !prev)} className="pill button gap-1 text-nowrap">