fix(app-preview): add key prop to select.item component (#124)

Co-authored-by: lordelogos <[email protected]>

Author: 2 people

apps/preview/app/src/components/mobile.tsx

@@ -15,7 +15,7 @@ const Group = (key: keyof typeof devices) => {
     '!outline-none !select-none data-[highlighted]:bg-select-item-hover'
   );
   const items = devices[key].map((device) => (
-    <Select.Item className={item} value={`${device.width},${device.height}`}>
+    <Select.Item className={item} value={`${device.width},${device.height}`} key={device.name}>
       <Select.ItemText>{device.name}</Select.ItemText>
       <Select.ItemIndicator className="absolute left-0 inline-flex items-center">
         <CheckIcon />

apps/test/tests/helpers/html.ts

@@ -24,7 +24,7 @@ const getHTML = async (locator: string | Locator, options?: GetHtmlOptions) => {
 
   const { deep = true } = options || { deep: false };
   const raw = await locator.evaluate((node, d) => {
-    const tgt = d ? node : (node as any).cloneNode();
+    const tgt = d ? node : node.cloneNode();
 
     return tgt.outerHTML;
   }, deep);