diff --git a/docs/content/3.docs/1.usage/2.state.md b/docs/content/3.docs/1.usage/2.state.md
index cb58f87a94..378cfe7696 100644
--- a/docs/content/3.docs/1.usage/2.state.md
+++ b/docs/content/3.docs/1.usage/2.state.md
@@ -8,6 +8,10 @@ Within your pages, components and plugins you can use `useState`. It can be used
 
 You can think of it as an SSR-friendly ref in that its value will be hydrated (preserved) after server-side rendering. It is shared across all components.
 
+::alert{icon=👉}
+**`useState` only works during `setup` or `Lifecycle Hooks`**
+::
+
 ### Usage
 
 ```js