docs: disable 'markdown/no-html' rule and add React data fetching tip

Author: Rel1cx

eslint.config.ts

@@ -49,7 +49,7 @@ export default tseslint.config(
     ],
     language: "markdown/gfm",
     rules: {
-      "markdown/no-html": "warn",
+      "markdown/no-html": "off",
       "markdown/no-missing-label-refs": "off",
     },
   },

packages/plugins/eslint-plugin-react-hooks-extra/src/rules/no-direct-set-state-in-use-effect.md

@@ -50,7 +50,7 @@ const fullName = firstName + " " + lastName;
 
 The rule **does not flag** indirect calls, such as:
 
-- Inside event handlers.
+- Inside `event` handlers.
 - Inside `async` functions.
 - Inside `setTimeout`, `setInterval`, `Promise.then`, etc.
 
@@ -143,6 +143,12 @@ export default function RemoteContent() {
 }
 ```
 
+<Callout title="TIP">
+
+If you need to fetch remote data within the component, consider using libraries like [TanStack Query](https://tanstack.com/query/v3/) or [SWR](https://swr.vercel.app/). They handle caching, re-fetching, and state management for you, making your code cleaner and more efficient.
+
+</Callout>
+
 The following examples are derived from the [React documentation](https://react.dev/learn/you-might-not-need-an-effect):
 
 ### Failing