resend · gabrielmfern · Jun 23, 2025 · Jun 23, 2025 · Jun 23, 2025
diff --git a/apps/web/src/components/logo.tsx b/apps/web/src/components/logo.tsx
@@ -1,4 +1,7 @@
+import { useId } from 'react';
+
 export const Logo = () => {
+  const id = useId();
   return (
     <svg
       className="pointer-events-none"
@@ -8,7 +11,7 @@ export const Logo = () => {
       width="119"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clipPath="url(#clip0_27_291)">
+      <g clipPath={`url(#${id})`}>
         <path
           clipRule="evenodd"
           d="M24.4558 24.4853C25.2339 23.7073 25.3805 22.6549 25.2947 21.746C25.2078 20.8254 24.8697 19.8258 24.3896 18.8287C23.957 17.9302 23.3802 16.9745 22.6821 16C23.3802 15.0255 23.957 14.0698 24.3896 13.1713C24.8697 12.1742 25.2078 11.1746 25.2947 10.254C25.3805 9.34508 25.2339 8.29273 24.4558 7.51472C23.6778 6.73671 22.6255 6.59004 21.7165 6.67584C20.796 6.76273 19.7964 7.10086 18.7993 7.58094C17.9007 8.01357 16.945 8.59036 15.9706 9.28842C14.9961 8.59036 14.0404 8.01357 13.1418 7.58094C12.1447 7.10086 11.1451 6.76273 10.2246 6.67584C9.31564 6.59004 8.26329 6.73671 7.48528 7.51472C6.70727 8.29273 6.5606 9.34508 6.6464 10.254C6.7333 11.1746 7.07142 12.1742 7.5515 13.1713C7.98414 14.0698 8.56092 15.0255 9.25898 16C8.56092 16.9745 7.98414 17.9302 7.5515 18.8287C7.07142 19.8258 6.7333 20.8254 6.6464 21.746C6.5606 22.6549 6.70727 23.7073 7.48528 24.4853C8.26329 25.2633 9.31564 25.41 10.2246 25.3242C11.1451 25.2373 12.1447 24.8991 13.1418 24.4191C14.0404 23.9864 14.9961 23.4096 15.9706 22.7116C16.945 23.4096 17.9007 23.9864 18.7993 24.4191C19.7964 24.8991 20.796 25.2373 21.7165 25.3242C22.6255 25.41 23.6778 25.2633 24.4558 24.4853ZM15.9706 20.948C16.8399 20.2684 17.724 19.4874 18.591 18.6205C19.458 17.7535 20.239 16.8693 20.9186 16C20.239 15.1307 19.458 14.2465 18.591 13.3795C17.724 12.5126 16.8399 11.7316 15.9706 11.052C15.1012 11.7316 14.2171 12.5126 13.3501 13.3795C12.4831 14.2465 11.7021 15.1307 11.0225 16C11.7021 16.8693 12.4831 17.7535 13.3501 18.6205C14.2171 19.4874 15.1012 20.2684 15.9706 20.948ZM17.1498 21.8145C17.968 21.1558 18.7885 20.4195 19.5893 19.6187C20.39 18.818 21.1264 17.9974 21.7851 17.1792C23.7187 19.9919 24.4627 22.4819 23.4576 23.487C22.4524 24.4922 19.9625 23.7482 17.1498 21.8145ZM10.156 17.1792C10.8148 17.9974 11.5511 18.818 12.3518 19.6187C13.1526 20.4195 13.9731 21.1558 14.7914 21.8145C11.9786 23.7482 9.48871 24.4922 8.48355 23.487C7.47839 22.4819 8.22238 19.9919 10.156 17.1792ZM10.156 14.8208C10.8148 14.0026 11.5511 13.182 12.3518 12.3813C13.1526 11.5805 13.9731 10.8442 14.7914 10.1855C11.9786 8.25182 9.48871 7.50783 8.48355 8.51299C7.47839 9.51815 8.22238 12.0081 10.156 14.8208ZM17.1498 10.1855C17.968 10.8442 18.7885 11.5805 19.5893 12.3813C20.39 13.182 21.1264 14.0026 21.7851 14.8208C23.7187 12.0081 24.4627 9.51815 23.4576 8.51299C22.4524 7.50783 19.9625 8.25182 17.1498 10.1855Z"
@@ -56,7 +59,7 @@ export const Logo = () => {
       />
       <path d="M116.675 22.176V10.336H118.659V22.176H116.675Z" fill="white" />
       <defs>
-        <clipPath id="clip0_27_291">
+        <clipPath id={id}>
           <rect fill="white" height="32" rx="8" width="32" />
         </clipPath>
       </defs>

diff --git a/apps/web/src/components/menu.tsx b/apps/web/src/components/menu.tsx
@@ -94,11 +94,8 @@ const SocialIcons = ({ onItemClick }: { onItemClick: () => void }) => (
         xmlns="http://www.w3.org/2000/svg"
       >
         <g>
-          <g data-name="Discord Logos" id="Discord_Logos">
-            <g
-              data-name="Discord Logo - Large - White"
-              id="Discord_Logo_-_Large_-_White"
-            >
+          <g data-name="Discord Logos">
+            <g data-name="Discord Logo - Large - White">
               <path
                 d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
                 fill="currentColor"

diff --git a/benchmarks/tailwind-component/package.json b/benchmarks/tailwind-component/package.json
@@ -29,6 +29,7 @@
     "tinybench": "3.1.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.0.0",
     "flamebearer": "1.1.3",
     "tsconfig": "workspace:*",
     "tsx": "4.19.3",

diff --git a/biome.json b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.0.0-beta.5/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.0.5/schema.json",
   "assist": {
     "actions": {
       "source": {
@@ -28,7 +28,6 @@
       "style": {
         "noNonNullAssertion": "off",
         "useLiteralEnumMembers": "error",
-        "noCommaOperator": "error",
         "useNodejsImportProtocol": "error",
         "useAsConstAssertion": "error",
         "useEnumInitializers": "error",
@@ -42,7 +41,6 @@
         "useTemplate": "error",
         "noParameterAssign": "error",
         "useDefaultParameterLast": "error",
-        "noArguments": "error",
         "useImportType": "error",
         "useExportType": "error",
         "noUselessElse": "error",
@@ -69,7 +67,9 @@
       "complexity": {
         "useNumericLiterals": "error",
         "noUselessFragments": "off",
-        "noForEach": "off"
+        "noForEach": "off",
+        "noCommaOperator": "error",
+        "noArguments": "error"
       },
       "suspicious": {
         "noArrayIndexKey": "off",

diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "test:watch": "turbo run test:watch"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.0-beta.5",
+    "@biomejs/biome": "2.0.5",
     "@changesets/cli": "2.29.4",
     "@types/node": "22.14.1",
     "@types/react": "19.0.1",

diff --git a/packages/preview-server/src/components/code-container.tsx b/packages/preview-server/src/components/code-container.tsx
@@ -37,6 +37,8 @@ export const CodeContainer: React.FC<Readonly<CodeContainerProps>> = ({
     });
   }
 
+  const codeId = React.useId();
+
   return (
     <div
       className="relative max-h-[650px] w-full h-full whitespace-pre rounded-md border border-slate-6 text-sm"
@@ -49,7 +51,7 @@ export const CodeContainer: React.FC<Readonly<CodeContainerProps>> = ({
     >
       <div className="h-9 border-b border-slate-6">
         <div className="flex">
-          <LayoutGroup id="code">
+          <LayoutGroup id={codeId}>
             {markups.map(({ language }) => {
               const isCurrentLang = activeLang === language;
               return (