remove additional layout group

remorses · Mar 22, 2024 · 7444804 · 7444804
1 parent d1101d0
commit 7444804
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/unframer/package.json b/unframer/package.json
@@ -7,6 +7,7 @@
     "scripts": {
         "build": "tsc && cp ../README.md ./README.md",
         "prepublishOnly": "pnpm build",
+        "postinstall": "pnpm build",
         "download-framer": "tsx scripts/download.ts",
         "watch": "tsc -w"
     },
@@ -39,6 +40,7 @@
     "license": "",
     "peerDependencies": {
         "react": "*",
+        "@types/react": "*",
         "react-dom": "*"
     },
     "dependencies": {

diff --git a/unframer/src/react.tsx b/unframer/src/react.tsx
@@ -260,18 +260,18 @@ export const WithFramerBreakpoints = forwardRef(function WithFramerBreakpoints<
         return Object.values(variants).map(({ className, variant }) => {
             return (
                 <div key={variant} className={className}>
-                    <LayoutGroup key={variant} id={id + variant}>
-                        {/* @ts-ignore */}
-                        <Component
-                            ref={ref}
-                            key={variant}
-                            // layoutDependency={id}
-                            // layoutId={id + variant}
-                            // layoutId={breakpointName}
-                            {...rest}
-                            variant={variant as any}
-                        />
-                    </LayoutGroup>
+                    {/* @ts-ignore */}
+                    <Component
+                        ref={ref}
+                        key={variant}
+                        // LayoutGroup is used internally
+                        layoutId={id + variant}
+                        // layoutDependency={id}
+                        // layoutId={id + variant}
+                        // layoutId={breakpointName}
+                        {...rest}
+                        variant={variant as any}
+                    />
                 </div>
             )
         })