Refractor

lib/focus-trap.tsx

@@ -55,13 +55,10 @@ export default function FocusTrap({ children, focusFirst = false }: Props) {
     }
   }, [root, children])
 
-  return React.createElement(
-    'div',
-    {
-      ref: root,
-      className: 'outline-none focus-trap',
-      tabIndex: -1,
-    },
-    children
-  )
+  return React.createElement('div', {
+    ref: root,
+    children,
+    className: 'outline-none focus-trap',
+    tabIndex: -1,
+  })
 }

lib/search.tsx

@@ -18,10 +18,10 @@ export function useSearchMeta(asPath: string) {
       c = parts[4]
     }
 
-    if (path !== pathname) setPathname(path)
+    setPathname(path)
     if (c !== category) setCategory(c)
     if (b !== brand) setBrand(b)
-  }, [asPath, pathname, category, brand])
+  }, [asPath])
 
   return { pathname, category, brand }
 }