From 0d41830eee853a0ae80839985266cf3fb84475e8 Mon Sep 17 00:00:00 2001
From: gioboa <giorgiob.boa@gmail.com>
Date: Sun, 22 Oct 2023 15:32:36 +0200
Subject: [PATCH 1/2] chore: remove warning

---
 packages/docs/src/components/code-sandbox/index.tsx  |  3 ++-
 .../docs/src/components/docsearch/doc-search.tsx     |  2 +-
 .../docs/src/components/docsearch/search-box.tsx     |  4 ++--
 .../docs/src/components/router-head/router-head.tsx  | 12 ++++++------
 packages/docs/src/components/sidebar/sidebar.tsx     |  2 +-
 packages/docs/src/routes/docs/layout.tsx             |  4 ++--
 6 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/docs/src/components/code-sandbox/index.tsx b/packages/docs/src/components/code-sandbox/index.tsx
index 0141e91a3ba..9fa97a2ba15 100644
--- a/packages/docs/src/components/code-sandbox/index.tsx
+++ b/packages/docs/src/components/code-sandbox/index.tsx
@@ -20,7 +20,8 @@ export default component$<{
       {tabs && (
         <div class="tabs">
           {tabs.map((tab, idx) => (
-            <span
+            <span 
+              key={idx}
               onClick$={() => (activeTab.value = idx)}
               class={{ tab: true, active: idx == activeTab.value }}
             >
diff --git a/packages/docs/src/components/docsearch/doc-search.tsx b/packages/docs/src/components/docsearch/doc-search.tsx
index 8a6db5658d6..5d26fbff194 100644
--- a/packages/docs/src/components/docsearch/doc-search.tsx
+++ b/packages/docs/src/components/docsearch/doc-search.tsx
@@ -71,7 +71,7 @@ export const DocSearch = component$((props: DocSearchProps) => {
     snippetLength: 10,
   });
 
-  const searchButtonRef = useSignal();
+  const searchButtonRef = useSignal<Element>();
 
   return (
     <div
diff --git a/packages/docs/src/components/docsearch/search-box.tsx b/packages/docs/src/components/docsearch/search-box.tsx
index d7225ef6f32..947b70d0c5d 100644
--- a/packages/docs/src/components/docsearch/search-box.tsx
+++ b/packages/docs/src/components/docsearch/search-box.tsx
@@ -1,4 +1,4 @@
-import { component$, useVisibleTask$, useContext, type Signal } from '@builder.io/qwik';
+import { component$, useVisibleTask$, useContext, type Signal, type PropFunction } from '@builder.io/qwik';
 
 import { MAX_QUERY_SIZE } from './constants';
 import { SearchContext } from './context';
@@ -17,7 +17,7 @@ interface SearchBoxProps {
   state: DocSearchState;
   autoFocus: boolean;
   inputRef: Signal<HTMLInputElement | null>;
-  onClose$: () => void;
+  onClose$: PropFunction<() => void>;
 }
 
 export const SearchBox = component$((props: SearchBoxProps) => {
diff --git a/packages/docs/src/components/router-head/router-head.tsx b/packages/docs/src/components/router-head/router-head.tsx
index 75da68471ff..91c2a3347b4 100644
--- a/packages/docs/src/components/router-head/router-head.tsx
+++ b/packages/docs/src/components/router-head/router-head.tsx
@@ -82,16 +82,16 @@ export const RouterHead = component$(() => {
         </>
       )}
 
-      {head.meta.map((m) => (
-        <meta {...m} />
+      {head.meta.map((m, key) => (
+        <meta key={key} {...m} />
       ))}
 
-      {head.links.map((l) => (
-        <link {...l} />
+      {head.links.map((l, key) => (
+        <link key={key} {...l} />
       ))}
 
-      {head.styles.map((s) => (
-        <style {...s.props} dangerouslySetInnerHTML={s.style} />
+      {head.styles.map((s, key) => (
+        <style key={key} {...s.props} dangerouslySetInnerHTML={s.style} />
       ))}
 
       <ThemeScript />
diff --git a/packages/docs/src/components/sidebar/sidebar.tsx b/packages/docs/src/components/sidebar/sidebar.tsx
index 14e4c198c7b..62e2a451a1b 100644
--- a/packages/docs/src/components/sidebar/sidebar.tsx
+++ b/packages/docs/src/components/sidebar/sidebar.tsx
@@ -41,7 +41,7 @@ export function Items({
     <ul>
       {items &&
         items.map((item, i) => (
-          <li>
+          <li key={i}>
             {item.items ? (
               <details
                 open={allOpen || i < 1 || item.items?.some((item) => pathname === item.href)}
diff --git a/packages/docs/src/routes/docs/layout.tsx b/packages/docs/src/routes/docs/layout.tsx
index e85f274827e..013e4dbe38b 100644
--- a/packages/docs/src/routes/docs/layout.tsx
+++ b/packages/docs/src/routes/docs/layout.tsx
@@ -41,8 +41,8 @@ export default component$(() => {
         </button>
         {breadcrumbs.length > 0 ? (
           <ol>
-            {breadcrumbs.map((b) => (
-              <li>{b.text}</li>
+            {breadcrumbs.map((b, key) => (
+              <li key={key}>{b.text}</li>
             ))}
           </ol>
         ) : null}

From c4f2daba8f17b9bcc7ef9aa51979cfe2578b018e Mon Sep 17 00:00:00 2001
From: gioboa <giorgiob.boa@gmail.com>
Date: Sun, 22 Oct 2023 21:24:33 +0200
Subject: [PATCH 2/2] =?UTF-8?q?linter=20=F0=9F=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/docs/src/components/code-sandbox/index.tsx   | 2 +-
 packages/docs/src/components/docsearch/search-box.tsx | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/docs/src/components/code-sandbox/index.tsx b/packages/docs/src/components/code-sandbox/index.tsx
index 9fa97a2ba15..a19ad1c1b78 100644
--- a/packages/docs/src/components/code-sandbox/index.tsx
+++ b/packages/docs/src/components/code-sandbox/index.tsx
@@ -20,7 +20,7 @@ export default component$<{
       {tabs && (
         <div class="tabs">
           {tabs.map((tab, idx) => (
-            <span 
+            <span
               key={idx}
               onClick$={() => (activeTab.value = idx)}
               class={{ tab: true, active: idx == activeTab.value }}
diff --git a/packages/docs/src/components/docsearch/search-box.tsx b/packages/docs/src/components/docsearch/search-box.tsx
index 947b70d0c5d..733240d43b1 100644
--- a/packages/docs/src/components/docsearch/search-box.tsx
+++ b/packages/docs/src/components/docsearch/search-box.tsx
@@ -1,4 +1,10 @@
-import { component$, useVisibleTask$, useContext, type Signal, type PropFunction } from '@builder.io/qwik';
+import {
+  component$,
+  useVisibleTask$,
+  useContext,
+  type Signal,
+  type PropFunction,
+} from '@builder.io/qwik';
 
 import { MAX_QUERY_SIZE } from './constants';
 import { SearchContext } from './context';