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

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
solidjs · Dec 3, 2024 · 3aea5a0 · 3aea5a0
1 parent 984904b
commit 3aea5a0
Showing 1 changed file with 5 additions and 0 deletions.
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>