Fix lint and checks

htmx/sections/Deferred.tsx

@@ -40,7 +40,9 @@ const Deferred = (props: Props) => {
   if (loading === "eager") {
     return (
       <>
-        {sections.map((section) => <section.Component {...section.props} />)}
+        {sections.map((section, index) => (
+          <section.Component key={index} {...section.props} />
+        ))}
       </>
     );
   }
@@ -60,8 +62,8 @@ const Deferred = (props: Props) => {
         hx-swap="outerHTML"
         style={{ height: "100vh" }}
       />
-      {props.fallbacks?.map((section) =>
-        section ? <section.Component {...section.props} /> : null
+      {props.fallbacks?.map((section, index) =>
+        section ? <section.Component key={index} {...section.props} /> : null
       )}
     </>
   );

streamshop/sections/Carousel.tsx

@@ -3,7 +3,7 @@ import Section, {
   Props as SectionHeaderProps,
 } from "../components/ui/StreamshopSection.tsx";
 import { type LoadingFallbackProps } from "@deco/deco";
-import { useDevice, useScript } from "@deco/deco/hooks";
+import { useDevice } from "@deco/deco/hooks";
 
 interface StyleDesktop {
   /**
@@ -68,7 +68,6 @@ interface Props extends SectionHeaderProps {
   style: Style;
 }
 
-
 /**
  * @title StreamShop Carousel Video
  */
@@ -105,8 +104,16 @@ export default function Carousel({
     : style.styleMobile;
   return (
     <>
-      <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js" ></script>
-      <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js" ></script>
+      <script
+        async
+        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js"
+      >
+      </script>
+      <script
+        async
+        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js"
+      >
+      </script>
       <Section.Container
         class={clx(
           style?.containerWidth == "full" && "w-full !max-w-full",
@@ -140,7 +147,6 @@ export default function Carousel({
             {/* @ts-ignore */}
           </liveshop-ads-carousel>
         </div>
-
       </Section.Container>
     </>
   );

streamshop/sections/Stories.tsx

@@ -36,8 +36,16 @@ export default function Stories({
 }: Props) {
   return (
     <>
-    <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js" ></script>
-    <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js" ></script>
+      <script
+        async
+        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js"
+      >
+      </script>
+      <script
+        async
+        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js"
+      >
+      </script>
       <Section.Container>
         <Section.Header title={title} cta={cta} />
 

utils/components/Slider.tsx

@@ -9,6 +9,7 @@ function Dot({ index, children }: {
       data-dot={index}
       aria-label={`go to slider item ${index}`}
       class="focus:outline-none group"
+      type="button"
     >
       {children}
     </button>

vtex/preview/Preview.tsx

@@ -66,7 +66,10 @@ export function Indexing() {
             name="props"
             value="eyJrZXkiOiJ2dGV4L3dvcmtmbG93cy9wcm9kdWN0L2luZGV4LnRzIn0"
           />
-          <button style="color: white; background-color: #F71963; border-radius: 4px; padding: 4px 8px">
+          <button
+            type="submit"
+            style="color: white; background-color: #F71963; border-radius: 4px; padding: 4px 8px"
+          >
             Start indexing workflow
           </button>
         </form>

website/components/Image.tsx

@@ -183,7 +183,7 @@ const Image = forwardRef<HTMLImageElement, Props>((props, ref) => {
       )}
       <img
         {...props}
-        data-fresh-disable-lock={true}
+        data-fresh-disable-lock
         preload={undefined}
         src={props.src}
         srcSet={srcSet}

website/components/Picture.tsx

@@ -53,7 +53,7 @@ export const Source = forwardRef<HTMLSourceElement, SourceProps>(
         )}
         <source
           {...props}
-          data-fresh-disable-lock={true}
+          data-fresh-disable-lock
           preload={undefined}
           src={undefined} // Avoid deprecated api lighthouse warning
           srcSet={srcSet}

website/components/_seo/Google.tsx

@@ -30,7 +30,7 @@ function Google(
               {url.hostname.replace(/^www./, "")}
             </span>
             <span class="text-xs font-normal leading-[18px]">
-              {url.protocol}//{url.hostname}{" "}
+              {`${url.protocol}//${url.hostname} `}
               <span class="text-common ml-2 font-semibold">&#8942;</span>
             </span>
           </div>

website/pages/Page.tsx

@@ -54,7 +54,7 @@ export interface Props {
 }
 export function renderSection(section: Props["sections"][number]) {
   if (section === undefined || section === null) {
-    return <></>;
+    return <div></div>;
   }
   const { Component, props } = section;
   return <Component {...props} />;

website/sections/Rendering/Deferred.tsx

@@ -84,7 +84,9 @@ const Deferred = (props: Props) => {
   if (display) {
     return (
       <>
-        {sections.map(({ Component, props }) => <Component {...props} />)}
+        {sections.map(({ Component, props }, index) => (
+          <Component key={index} {...props} />
+        ))}
       </>
     );
   }