add warning about use directive on custom components (#952)

tennox · kodiakhq[bot] · web-flow · commit 3aea5a096dfe · 2024-12-03T19:08:53.000+01:00
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/src/routes/reference/jsx-attributes/use.mdx b/src/routes/reference/jsx-attributes/use.mdx
@@ -34,3 +34,8 @@ declare module "solid-js" {
 	}
 }
 ```
+
+<Callout type="caution" title="Limitations">
+Directives only work with native HTML elements (HTML/SVG/MathML/Custom Elements).
+Directives are not forwarded and **won't work in user defined components**, such as `<MyComponent use:myinput={[..]}/>` [see also](https://github.com/solidjs/solid/discussions/722)
+</Callout>

Original file line number	Diff line number	Diff line change
`@@ -34,3 +34,8 @@ declare module "solid-js" {`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`	```
	`37`	`+`
	`38`	`+<Callout type="caution" title="Limitations">`
	`39`	`+Directives only work with native HTML elements (HTML/SVG/MathML/Custom Elements).`
	`40`	+Directives are not forwarded and won't work in user defined components, such as `<MyComponent use:myinput={[..]}/>` [see also](https://github.com/solidjs/solid/discussions/722)
	`41`	`+</Callout>`