solution upgraded to v.1.12.1

samples/react-carousel/.gitignore

@@ -12,6 +12,7 @@ lib
 solution
 temp
 *.sppkg
+release
 
 # Coverage directory used by tools like istanbul
 coverage

samples/react-carousel/.yo-rc.json

@@ -1,6 +1,6 @@
 {
   "@microsoft/generator-sharepoint": {
-    "version": "1.11.0",
+    "version": "1.12.1",
     "libraryName": "react-carousel",
     "libraryId": "263a1d21-f4c7-4a46-a364-e5f995286b9b",
     "environment": "spo",

samples/react-carousel/config/copy-assets.json

@@ -1,4 +1,4 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/copy-assets.schema.json",
-  "deployCdnPath": "temp/deploy"
+  "deployCdnPath": "./release/assets/"
 }

samples/react-carousel/config/deploy-azure-storage.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
-  "workingDir": "./temp/deploy/",
+  "workingDir": "./release/assets/",
   "account": "<!-- STORAGE ACCOUNT NAME -->",
   "container": "react-carousel",
   "accessKey": "<!-- ACCESS KEY -->"

samples/react-carousel/gulpfile.js

@@ -50,5 +50,13 @@ build.configureWebpack.mergeConfig({
  * Custom Framework Specific gulp tasks
  */
 
+ var getTasks = build.rig.getTasks;
+ build.rig.getTasks = function () {
+   var result = getTasks.call(build.rig);
+ 
+   result.set('serve', result.get('serve-deprecated'));
+ 
+   return result;
+ };
 
 build.initialize(gulp);

samples/react-carousel/package.json

@@ -2,9 +2,7 @@
   "name": "react-carousel",
   "version": "0.0.1",
   "private": true,
-  "engines": {
-    "node": ">=0.10.0"
-  },
+  "engines": "undefined",
   "scripts": {
     "build": "gulp bundle",
     "clean": "gulp clean",
@@ -29,7 +27,6 @@
     "@pnp/spfx-property-controls": "1.15.0",
     "@types/es6-promise": "0.0.33",
     "@types/jquery": "^3.3.30",
-    "@types/react-dom": "16.8.3",
     "@types/webpack-env": "1.13.1",
     "@uifabric/fluent-theme": "^0.16.9",
     "@uifabric/styling": "^7.12.1",
@@ -46,16 +43,18 @@
   },
   "devDependencies": {
     "@microsoft/rush-stack-compiler-3.3": "0.3.5",
-    "@microsoft/sp-build-web": "1.11.0",
-    "@microsoft/sp-module-interfaces": "1.11.0",
-    "@microsoft/sp-tslint-rules": "1.11.0",
-    "@microsoft/sp-webpart-workbench": "1.11.0",
+    "@microsoft/rush-stack-compiler-3.7": "0.2.3",
+    "@microsoft/sp-build-web": "1.12.1",
+    "@microsoft/sp-module-interfaces": "1.12.1",
+    "@microsoft/sp-tslint-rules": "1.12.1",
+    "@microsoft/sp-webpart-workbench": "1.12.1",
     "@types/chai": "3.4.34",
     "@types/mocha": "2.2.38",
-    "@types/react": "16.8.8",
+    "@types/react": "16.9.36",
+    "@types/react-dom": "16.9.8",
     "@voitanos/jest-preset-spfx-react16": "^1.1.0",
     "ajv": "~5.2.2",
-    "gulp": "~3.9.1",
+    "gulp": "4.0.2",
     "gulp-sequence": "1.0.0",
     "jest": "^23.6.0",
     "jest-junit": "^6.3.0",

samples/react-carousel/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.7/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,
@@ -19,21 +19,18 @@
       "./node_modules/@microsoft"
     ],
     "types": [
-      "es6-promise",
       "webpack-env"
     ],
     "lib": [
       "es5",
       "dom",
-      "es2015.collection"
+      "es2015.collection",
+      "es2015.promise"
     ]
   },
   "include": [
 	"src/**/*.ts",
 	"src/**/*.tsx"
   ],
-  "exclude": [
-    "node_modules",
-    "lib"
-  ]
+  "exclude": []
 }

samples/react-carousel/tslint.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@microsoft/sp-tslint-rules/base-tslint.json",
+  "extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json",
   "rules": {
     "class-name": false,
     "export-name": false,