little addition

Author: michaelessiet

content/references/concepts/ssr/async-ssr.mdx

@@ -18,20 +18,22 @@ Solid.js offers a similar technique through the use of the `renderToStringAsync`
 
 ```jsx
 import { renderToStringAsync } from 'solid-js/web'
+import {createResource} from 'solid-js'
 
 const App = () => {
-  const [data, setData] = createSignal(null)
+  const [data] = createResource(getAsyncData)
 
-  onMount(async () => {
+  async function getAsyncData() {
     const response = await fetch('https://jsonplaceholder.typicode.com/todos/1')
     const json = await response.json()
-    setData(json)
-  })
+
+    return json
+  }
 
   return (
     <div>
       <h1>Async SSR</h1>
-      <p>{data() && data().title}</p>
+      <p>{data().title}</p>
     </div>
   )
 }
@@ -41,7 +43,7 @@ renderToStringAsync(App).then(html => {
 })
 ```
 
-The above code will render the `App` component on the server and return a promise that resolves to HTML once the asynchronous data has been fetched. The HTML will look something like this:
+You'll notice that I didn't make use of a Suspense boundary before accessing the data in the template, that is because in Async SSR Suspense boundaries are not needed because data is prefetched on the server before rendering. The above code will render the `App` component on the server and return a promise that resolves to HTML once the asynchronous data has been fetched. The HTML will look something like this:
 
 ```html
 <div>
@@ -77,7 +79,7 @@ app.listen(3000, () => {
 import {createResource} from 'solid-js'
 
 export default function App() {
-  const [data, setData] = createResource(() => fetch('https://jsonplaceholder.typicode.com/todos/1').then(res => res.json()))
+  const [data] = createResource(() => fetch('https://jsonplaceholder.typicode.com/todos/1').then(res => res.json()))
 
   return (
     <div>