fix: clear items and picked when search changes

Author: gadomski

src/components/panel.tsx

@@ -5,7 +5,7 @@ import {
   Stack,
   type UseFileUploadReturn,
 } from "@chakra-ui/react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import type { StacLink } from "stac-ts";
 import useStacMap from "../hooks/stac-map";
 import type { SetHref } from "../types/app";
@@ -27,11 +27,16 @@ export default function Panel({
   setHref: SetHref;
   fileUpload: UseFileUploadReturn;
 }) {
-  const { value, picked } = useStacMap();
+  const { value, picked, setPicked, setItems } = useStacMap();
   const [search, setSearch] = useState<StacSearch>();
   const [searchLink, setSearchLink] = useState<StacLink>();
   const [autoLoad, setAutoLoad] = useState(false);
 
+  useEffect(() => {
+    setItems(undefined);
+    setPicked(undefined);
+  }, [search, setPicked, setItems]);
+
   let content;
   if (!href) {
     content = (