fix: Upgrade to recoil to version 0.0.13

Composer/packages/adaptive-flow/package.json

@@ -40,16 +40,16 @@
   },
   "peerDependencies": {
     "format-message": "^6.2.3",
-    "react": "16.13.0"
+    "react": "16.13.1"
   },
   "devDependencies": {
     "@bfc/test-utils": "*",
     "@types/lodash": "^4.14.146",
     "@types/react": "16.9.23",
     "format-message": "^6.2.3",
     "json-loader": "^0.5.7",
-    "react": "16.13.0",
-    "react-dom": "16.13.0",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
     "ts-loader": "7.0.4",
     "tsconfig-paths-webpack-plugin": "^3.2.0"
   },

Composer/packages/adaptive-form/package.json

@@ -26,8 +26,8 @@
     "@uifabric/styling": "^7.7.4",
     "format-message": "^6.2.3",
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/code-editor": "*",
@@ -37,8 +37,8 @@
     "@types/lodash": "^4.14.149",
     "@types/react": "16.9.23",
     "format-message": "^6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@emotion/core": "^10.0.27",

Composer/packages/client/__tests__/components/CreationFlow/DefineConversation/index.test.tsx

@@ -45,7 +45,7 @@ describe('<DefineConversation/>', () => {
         onSubmit={onSubmitMock}
       />,
       ({ set }) => {
-        set(focusedStorageFolderState, '');
+        set(focusedStorageFolderState, {} as StorageFolder);
         set(storagesState, [{ id: 'default' }]);
       }
     );

Composer/packages/client/__tests__/components/appSettings.test.tsx

@@ -20,6 +20,7 @@ describe('<AppSettings /> & <ElectronSettings />', () => {
   it('should render the user settings page', () => {
     const { getByText, getAllByText } = renderWithRecoil(<AppSettings />, ({ set }) => {
       set(onboardingState, {
+        coachMarkRefs: {},
         complete: false,
       });
     });
@@ -43,6 +44,7 @@ describe('<AppSettings /> & <ElectronSettings />', () => {
         },
         propertyEditorWidth: 400,
         dialogNavWidth: 180,
+        appLocale: 'en-US',
       });
     });
     getByText('Application Updates');

Composer/packages/client/package.json

@@ -50,13 +50,13 @@
     "prop-types": "^15.7.2",
     "query-string": "^6.8.2",
     "re-resizable": "^6.3.2",
-    "react": "16.13.0",
+    "react": "16.13.1",
     "react-app-polyfill": "^0.2.1",
     "react-dev-utils": "^7.0.3",
-    "react-dom": "16.13.0",
+    "react-dom": "16.13.1",
     "react-frame-component": "^4.0.2",
     "react-timeago": "^4.4.0",
-    "recoil": "^0.0.10",
+    "recoil": "^0.0.13",
     "styled-components": "^4.1.3",
     "uuid": "^8.3.0",
     "webpack-bundle-analyzer": "^3.8.0"
@@ -79,7 +79,6 @@
     "@types/reach__router": "^1.2.4",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "@types/recoil": "^0.0.1",
     "@types/webpack-env": "^1.15.2",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.1.0",

Composer/packages/client/src/recoilModel/DispatcherWrapper.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import { useRef, useEffect, useState, Fragment } from 'react';
+import { useRef, useState, Fragment, useLayoutEffect } from 'react';
 // eslint-disable-next-line @typescript-eslint/camelcase
 import { atom, useRecoilTransactionObserver_UNSTABLE, Snapshot, useRecoilState } from 'recoil';
 import once from 'lodash/once';
@@ -72,7 +72,9 @@ const InitDispatcher = ({ onLoad }) => {
 
   const [currentDispatcherState, setDispatcher] = useRecoilState(dispatcherState);
 
-  useEffect(() => {
+  //The render order is different with 0.0.10, the local state will trigger a render before atom value
+  //so use the useLayoutEffect here
+  useLayoutEffect(() => {
     setDispatcher(dispatcherRef.current);
     prepareAxiosWithRecoil(currentDispatcherState);
     onLoad(true);

Composer/packages/client/src/recoilModel/dispatchers/__tests__/testUtils.ts

@@ -10,6 +10,7 @@ export const mockCallback: CallbackInterface = {
   reset: jest.fn(),
   gotoSnapshot: jest.fn(),
   snapshot: {
+    getID: jest.fn(),
     getLoadable: jest.fn(),
     getPromise: jest.fn(),
     map: jest.fn(),

Composer/packages/extension-client/package.json

@@ -11,14 +11,14 @@
     "clean": "rimraf lib"
   },
   "peerDependencies": {
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/test-utils": "*",
     "@types/react": "16.9.23",
-    "react": "16.13.0",
-    "react-dom": "16.13.0",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
     "rimraf": "^3.0.2",
     "typescript": "3.9.2"
   },

Composer/packages/intellisense/package.json

@@ -10,8 +10,8 @@
   },
   "peerDependencies": {
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "websocket": "^1.0.31",

Composer/packages/lib/code-editor/package.json

@@ -24,8 +24,8 @@
     "watch": "yarn build:ts --watch"
   },
   "peerDependencies": {
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/test-utils": "*",
@@ -42,8 +42,8 @@
     "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.6.0",
     "postcss-loader": "^3.0.0",
-    "react-dom": "16.13.0",
-    "react": "16.13.0",
+    "react-dom": "16.13.1",
+    "react": "16.13.1",
     "rimraf": "^2.6.3",
     "style-loader": "^0.23.1",
     "ts-loader": "7.0.4",

Composer/packages/lib/shared/package.json

@@ -21,8 +21,8 @@
     "watch": "yarn build:ts --watch"
   },
   "peerDependencies": {
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/test-utils": "*",
@@ -32,8 +32,8 @@
     "autoprefixer": "^9.5.1",
     "copyfiles": "^2.1.0",
     "office-ui-fabric-react": "^7.88.1",
-    "react": "16.13.0",
-    "react-dom": "16.13.0",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
     "rimraf": "^2.6.3"
   },
   "dependencies": {

Composer/packages/lib/ui-shared/package.json

@@ -24,17 +24,17 @@
     "@emotion/core": "^10.0.27",
     "@emotion/styled": "^10.0.27",
     "@bfc/extension-client": "*",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
     "@bfc/test-utils": "*",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@bfc/shared": "*",

Composer/packages/ui-plugins/composer/package.json

@@ -24,8 +24,8 @@
     "@uifabric/icons": "^7.3.0",
     "@uifabric/styling": "^7.7.4",
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
@@ -36,8 +36,8 @@
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
     "format-message-cli": "^6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "lodash": "^4.17.19"

Composer/packages/ui-plugins/cross-trained/package.json

@@ -22,16 +22,16 @@
   "peerDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@bfc/shared": "*",

Composer/packages/ui-plugins/example/package.json

@@ -23,8 +23,8 @@
     "@uifabric/icons": "^7.3.0",
     "@uifabric/styling": "^7.7.4",
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
@@ -33,8 +33,8 @@
     "@emotion/core": "^10.0.27",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
   }

Composer/packages/ui-plugins/lg/package.json

@@ -23,17 +23,17 @@
   "peerDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
     "@bfc/test-utils": "*",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@bfc/shared": "*",

Composer/packages/ui-plugins/luis/package.json

@@ -24,17 +24,17 @@
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
     "@bfc/shared": "*",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/adaptive-form": "*",
     "@bfc/extension-client": "*",
     "@bfc/test-utils": "*",
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@bfc/shared": "*",

Composer/packages/ui-plugins/prompts/package.json

@@ -28,8 +28,8 @@
     "@uifabric/styling": "^7.7.4",
     "format-message": "^6.2.3",
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/extension-client": "*",
@@ -39,8 +39,8 @@
     "@types/react-dom": "16.9.5",
     "format-message": "^6.2.3",
     "format-message-cli": "^6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@bfc/shared": "*",

Composer/packages/ui-plugins/schema-editor/package.json

@@ -24,8 +24,8 @@
     "@bfc/adaptive-form": "*",
     "@bfc/code-editor": "*",
     "format-message": "^6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/extension-client": "*",
@@ -34,8 +34,8 @@
     "@types/react": "16.9.23",
     "@types/react-dom": "16.9.5",
     "format-message": "^6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@emotion/core": "^10.0.27"

Composer/packages/ui-plugins/select-dialog/package.json

@@ -28,8 +28,8 @@
     "@uifabric/styling": "^7.7.4",
     "format-message": "^6.2.3",
     "office-ui-fabric-react": "^7.71.0",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "devDependencies": {
     "@bfc/extension-client": "*",
@@ -39,8 +39,8 @@
     "@types/react-dom": "16.9.5",
     "format-message": "^6.2.3",
     "format-message-cli": "6.2.3",
-    "react": "16.13.0",
-    "react-dom": "16.13.0"
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
   },
   "dependencies": {
     "@emotion/core": "^10.0.27"