docs: add note about use preference over useContext (#7723)

Author: afgoulart

src/content/reference/react/useContext.md

@@ -16,6 +16,14 @@ const value = useContext(SomeContext)
 
 ---
 
+<Note>
+
+[`use`](/reference/react/use) is preferred over `useContext` because it is more flexible. Unlike `useContext`, `use` can be called inside conditionals and loops.
+
+</Note>
+
+---
+
 ## Reference {/*reference*/}
 
 ### `useContext(SomeContext)` {/*usecontext*/}