added diff below code examples in migration-to-v2

docs/api/utils/devtools.mdx

@@ -27,9 +27,9 @@ The screenshot below shows how to use Redux DevTools to manipulate state. First
 
 #### Use it with vanilla JS
 
-```jsx
 Valtio is not tied to React, you can use it in vanillaJS.
 
+```jsx
 import { proxy, subscribe, snapshot } from 'valtio/vanilla'
 
 const state = proxy({ count: 0, text: 'llo' })

docs/guides/migrating-to-v2.mdx

@@ -31,20 +31,37 @@ Other notable changes to keep things updated and fresh include:
 ### Resolving promises
 
 ```js
+// v1
+import { proxy, useSnapshot } from 'valtio'
+
+const state = proxy({ data: fetch(...).then((res) => res.json()) })
+
+const Component = () => {
+  const snap = useSnapshot(state)
+  return <>{JSON.stringify(snap.data)}</>
+}
+```
+
+```js
+// v2
+import { use } from 'react'
 import { proxy, useSnapshot } from 'valtio'
 
 const state = proxy({ data: fetch(...).then((res) => res.json()) })
 
 const Component = () => {
   const snap = useSnapshot(state)
+  return <>{JSON.stringify(use(snap.data))}</>
+  // If `data` is not an object, you can directly embed it in JSX.
+  // return <>{snap.data}</>
+}
 ```
 
 ```diff
 -    return <>{JSON.stringify(snap.data)}</>        // v1
 +    return <>{JSON.stringify(use(snap.data))}</>   // v2
 +    // If `data` is not an object, you can embed it directly in JSX.
 +    // return <>{snap.data}</>
-}
 ```
 
 ### Impure `proxy(obj)`