Fix infinite render loop, fix repertoire entry removal

packages/frontend/src/hooks/useCache.ts

@@ -54,7 +54,7 @@ export function useCache<K, A, E>(cache: Cache.Cache<K, A, E>, key: NoInfer<K>):
 	const subscribe = useMemo(() => cache.subscribe.bind(undefined, key), [cache.subscribe, key]);
 	const selector = useCallback(() => cache.getCurrent(key), [cache.getCurrent, key]);
 
-	const state = useSyncExternalStore(subscribe, selector);
+	const state = Option.fromNullable(useSyncExternalStore(subscribe, selector));
 
 	useLayoutEffect(() => { Effect.runFork(cache.get(key)); }, [cache.get, key]);
 

packages/frontend/src/routes/Repertoire.tsx

@@ -199,7 +199,7 @@ function EntryRow({
 
 	const removeAction = (entries: readonly Piece[]) => pipe(
 		entries,
-		Array.filter((p) => p.pieceId !== piece.pieceId),
+		Array.remove(no - 1),
 	);
 
 	const update = (action: (prev: readonly Piece[]) => readonly Piece[]) => Effect.gen(function* () {