Treat route query params as optional

src/sidebar/components/AnnotationView.tsx

@@ -22,7 +22,7 @@ function AnnotationView({
   onLogin,
 }: AnnotationViewProps) {
   const store = useSidebarStore();
-  const annotationId = store.routeParams().id;
+  const annotationId = store.routeParams().id ?? '';
   const rootThread = useRootThread();
   const userid = store.profile().userid;
 

src/sidebar/components/StreamSearchInput.tsx

@@ -14,7 +14,7 @@ export type StreamSearchInputProps = {
  */
 function StreamSearchInput({ router }: StreamSearchInputProps) {
   const store = useSidebarStore();
-  const query = store.routeParams().q;
+  const { q } = store.routeParams();
   const setQuery = (query: string) => {
     // Re-route the user to `/stream` if they are on `/a/:id` and then set
     // the search query.
@@ -22,7 +22,7 @@ function StreamSearchInput({ router }: StreamSearchInputProps) {
   };
 
   return (
-    <SearchInput query={query} onSearch={setQuery} alwaysExpanded={true} />
+    <SearchInput query={q ?? ''} onSearch={setQuery} alwaysExpanded={true} />
   );
 }
 

src/sidebar/store/modules/route.js

@@ -19,7 +19,7 @@ const initialState = {
    * - The "stream" route has a "q" (query) parameter.
    * - The "sidebar" route has no parameters.
    *
-   * @type {Record<string, string>}
+   * @type {Record<string, string | undefined>}
    */
   params: {},
 };