Remove unnecesary div

Author: pomber

packages/smooth-code/src/code-tween.tsx

@@ -180,7 +180,7 @@ function Wrapper({
         ...htmlProps?.style,
       }}
     >
-      <code>{children}</code>
+      {children}
     </pre>
   )
 }

packages/smooth-code/src/smooth-container.tsx

@@ -85,16 +85,17 @@ function Container({
   children: React.ReactNode
 }) {
   return (
-    <div
+    <code
       style={{
         width,
         height,
         position: "relative",
+        display: "block",
         // overflowX: "auto",
       }}
     >
       {children}
-    </div>
+    </code>
   )
 }
 

packages/smooth-code/src/use-dimensions.tsx

@@ -64,7 +64,7 @@ function useDimensions(
       .split(newlineRe)
 
     const element = (
-      <>
+      <code style={{ display: "block" }}>
         <br />
         {lines.map((line, i) => (
           <div
@@ -81,7 +81,7 @@ function useDimensions(
           </div>
         ))}
         <br />
-      </>
+      </code>
     )
     return { prevLongestLine, nextLongestLine, element }
   }, [code])