fix: fix tsx renders

prazdevs · prazdevs · commit 753a6d00a6d4 · 2022-10-21T21:09:22.000+02:00
diff --git a/packages/c-code/src/code.tsx b/packages/c-code/src/code.tsx
@@ -31,7 +31,7 @@ const CCode = defineComponent({
       return (
         <chakra.code
           as={props.as}
-          _css={{
+          __css={{
             display: "inline-block",
             verticalAlign: "middle",
             fontSize: "sm",
diff --git a/packages/c-focus-lock/src/c-focus-lock.tsx b/packages/c-focus-lock/src/c-focus-lock.tsx
@@ -160,10 +160,16 @@ export const CFocusLock = defineComponent({
         return
       }
 
+      const clone = cloneVNode(firstChild, {
+        ref: target,
+        ...attrs,
+        "data-chakra-focus-lock": "",
+      })
+
       return (
-        <firstChild ref={target} data-chakra-focus-lock="" {...attrs}>
+        <clone ref={target} data-chakra-focus-lock="" {...attrs}>
           {slots?.defaults?.({ enabled, hasFocus, activate, deactivate })}
-        </firstChild>
+        </clone>
       )
     }
   },

Original file line number	Diff line number	Diff line change
`@@ -160,10 +160,16 @@ export const CFocusLock = defineComponent({`
`160`	`160`	`return`
`161`	`161`	`}`
`162`	`162`
	`163`	`+ const clone = cloneVNode(firstChild, {`
	`164`	`+ ref: target,`
	`165`	`+ ...attrs,`
	`166`	`+ "data-chakra-focus-lock": "",`
	`167`	`+ })`
	`168`	`+`
`163`	`169`	`return (`
`164`		`- <firstChild ref={target} data-chakra-focus-lock="" {...attrs}>`
	`170`	`+ <clone ref={target} data-chakra-focus-lock="" {...attrs}>`
`165`	`171`	`{slots?.defaults?.({ enabled, hasFocus, activate, deactivate })}`
`166`		`- </firstChild>`
	`172`	`+ </clone>`
`167`	`173`	`)`
`168`	`174`	`}`
`169`	`175`	`},`