From 3aea5a096dfe89f4a22914f8bc10a68300af8977 Mon Sep 17 00:00:00 2001
From: Manuel <2084639+tennox@users.noreply.github.com>
Date: Tue, 3 Dec 2024 18:08:53 +0000
Subject: [PATCH] add warning about use directive on custom components (#952)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 src/routes/reference/jsx-attributes/use.mdx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/routes/reference/jsx-attributes/use.mdx b/src/routes/reference/jsx-attributes/use.mdx
index 3e6139380..cce2a6827 100644
--- 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>