docs: update quick-start & add migration.md

.github/workflows/test-deploy.yml

@@ -13,7 +13,7 @@ jobs:
             - uses: actions/checkout@v2
             - uses: actions/setup-node@v2
               with:
-                  node-version: 14.x
+                  node-version: 16.x
                   cache: yarn
                   cache-dependency-path: website/yarn.lock
             - name: Install dependencies

MIGRATION.md

@@ -0,0 +1,10 @@
+<h1>Migration</h1>
+
+-   [From version 1.0.x to 1.1.0](#from-version-10x-to-110)
+    -   [React18 upgrade](#react18-upgrade)
+
+## From version 1.0.x to 1.1.0
+
+### React18 upgrade
+
+React 18 introduced a [new root API](https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis). Starting from 1.1.0, Molecule itself will auto-detect your version of react and use the new root API automatically if you're on React18. But It's attentioned that there are several dependencies of Molecule still incompatible of React18's strict mode. So Molecule now still not compatible with `React.StrictMode` in React@18.x. For exmaple: [react-scrollbars-custom](https://github.com/xobotyi/react-scrollbars-custom/issues/234).

website/docs/quick-start.md

@@ -61,6 +61,20 @@ export default App;
 
 `extensions` are extensions that need to be customized.
 
+And open the `src/index.js` file and change it to the following:
+
+```diff title="src/index.js"
+root.render(
+-  <React.StrictMode>
+    <App />
+-  </React.StrictMode>
+);
+```
+
+:::caution
+It's **noticed** that the Molecule for now is not compatible with `React.StrictMode`. So we should remove `React.StrictMode` from `src/index.js`.
+:::
+
 ## Startup Project
 
 Finally, run the `start` command in the terminal:

website/i18n/zh-CN/docusaurus-plugin-content-docs/current/quick-start.md

@@ -61,6 +61,20 @@ export default App;
 
 `extensions` 是需要自定义的扩展程序。
 
+然后，打开 `src/index.js` 文件，并修改如下的部分:
+
+```diff title="src/index.js"
+root.render(
+-  <React.StrictMode>
+    <App />
+-  </React.StrictMode>
+);
+```
+
+:::caution
+需要注意的是目前 Molecule 还无法与 `React.StrictMode` 兼容，所以我们需要在 `src/index.js` 中移除 `React.StrictMode`。
+:::
+
 ## 启动项目
 
 最后，在终端中运行`start` 命令：