add warning about use directive on custom components

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>