Merge branch 'main' into 2.0.0-beta

Author: Rel1cx

.zed/settings.json

@@ -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",
     },
   },

eslint.config.ts

@@ -54,7 +54,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.
 
@@ -147,6 +147,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