fix: fix search command

Author: mehdibha

www/next.config.mjs

@@ -16,7 +16,6 @@ const config = {
       },
     ],
   },
-  transpilePackages: ["jotai-devtools"],
 };
 
 export default withMDX(config);

www/src/components/search-command.tsx

@@ -12,7 +12,6 @@ import {
   Loader2Icon,
   SearchIcon,
   TextIcon,
-  Undo2Icon,
 } from "lucide-react";
 import { kekabCaseToTitle } from "@/lib/string";
 import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
@@ -71,7 +70,7 @@ export const SearchCommand = ({
   const { setInputRef } = useCommandMenuInputRef();
 
   React.useEffect(() => {
-    if (context) setInputRef(inputRef);
+    if (context && inputRef.current) setInputRef(inputRef);
   }, [context, setInputRef]);
 
   return (

www/src/config/site-config.tsx

@@ -29,8 +29,8 @@ export const siteConfig = {
 export const searchConfig = {
   defaultResults: [
     { name: "Installation", href: "/docs/getting-started/installation" },
+    { name: "Themes", href: "/themes" },
     { name: "Button", href: "/docs/components/buttons/button" },
     { name: "TextField", href: "/docs/components/inputs/text-field" },
-    { name: "Menu", href: "/docs/components/menus-and-selection/menu" },
   ],
 };

www/src/hooks/use-focus-command-menu.ts

@@ -2,8 +2,8 @@ import { RefObject } from "react";
 import { create } from "zustand";
 
 type FocusCommandMenuStore = {
-  inputRef: RefObject<HTMLInputElement> | null;
-  setInputRef: (ref: RefObject<HTMLInputElement>) => void;
+  inputRef: RefObject<HTMLInputElement | null> | null;
+  setInputRef: (ref: RefObject<HTMLInputElement | null>) => void;
   focusInput: () => void;
 };