chore: upgrade to SPFx v1.18 and node18 (#2714)

* chore: upgrade mgt-spfx to use spfx v1.18

* updates workflows to use node 18

.github/workflows/next.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/pr-clean-storybook.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/pr-storybook.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.20.0]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/pr.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/push-preview-release.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2
@@ -41,7 +41,7 @@ jobs:
     if: needs.version.outputs.latest-version != needs.version.outputs.package-version
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     environment:
       name: release

.github/workflows/push-release.yml

@@ -17,7 +17,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2
@@ -42,7 +42,7 @@ jobs:
     if: needs.version.outputs.latest-version != needs.version.outputs.package-version
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     environment:
       name: release
@@ -88,7 +88,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.20.0]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/push.yml

@@ -15,7 +15,7 @@ jobs:
     if: github.repository == 'microsoftgraph/microsoft-graph-toolkit'
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/run-release-please.yml

@@ -1,5 +1,5 @@
 # when the main branch is updated this workflow will run and create or update a combined [release PR](https://github.com/googleapis/release-please#whats-a-release-pr)
-# upon approval of the release PR as it adds a v3.x tag the [push-release.yml](./push-release.yml) workflow will run, push the release to npm and update the GitHub 
+# upon approval of the release PR as it adds a v3.x tag the [push-release.yml](./push-release.yml) workflow will run, push the release to npm and update the GitHub
 # release with the mgt-spfx sppkg file
 on:
   push:
@@ -14,10 +14,10 @@ jobs:
   release-please:
     runs-on: ubuntu-latest
     steps:
-      - name: Use Node.js 16.x
+      - name: Use Node.js 18.x
         uses: actions/setup-node@v1
         with:
-          node-version: 16.x
+          node-version: 18.x
           registry-url: 'https://registry.npmjs.org'
       - uses: google-github-actions/release-please-action@v3
         id: release

.github/workflows/storybook.yml

@@ -17,7 +17,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.20.0]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

package.json

@@ -9,7 +9,6 @@
       "samples/react-contoso"
     ],
     "nohoist": [
-      "**/@microsoft/sp-office-ui-fabric-core**",
       "**/office-ui-fabric-core**",
       "**/@vue/*"
     ]
@@ -154,4 +153,4 @@
   "resolutions": {
     "responselike": "2.0.0"
   }
-}
+}

packages/mgt-spfx/.yo-rc.json

@@ -6,9 +6,10 @@
       "@microsoft/microsoft-graph-client": "3.0.2",
       "@microsoft/teams-js": "2.9.1"
     },
-    "version": "1.17.4",
+    "version": "1.18.0",
     "libraryName": "@microsoft/mgt-spfx",
     "libraryId": "e342d2ab-fc3f-45f6-93a5-268fd8632211",
+    "environment": "spo",
     "packageManager": "npm",
     "isDomainIsolated": false,
     "componentType": "library"

packages/mgt-spfx/package.json

@@ -18,7 +18,7 @@
     "url": "https://github.com/microsoftgraph/microsoft-graph-toolkit"
   },
   "engines": {
-    "node": ">=16.13.0 <17.0.0"
+    "node": ">=16.13.0 <17.0.0 || >=18.17.1 <19.0.0"
   },
   "author": "Microsoft",
   "license": "MIT",
@@ -36,16 +36,16 @@
     "tslib": "2.3.1"
   },
   "devDependencies": {
-    "@microsoft/rush-stack-compiler-4.5": "0.5.0",
+    "@microsoft/rush-stack-compiler-4.7": "0.1.0",
     "@rushstack/eslint-config": "2.5.1",
-    "@microsoft/eslint-plugin-spfx": "1.17.4",
-    "@microsoft/eslint-config-spfx": "1.17.4",
-    "@microsoft/sp-build-web": "1.17.4",
+    "@microsoft/eslint-plugin-spfx": "1.18.0",
+    "@microsoft/eslint-config-spfx": "1.18.0",
+    "@microsoft/sp-build-web": "1.18.0",
     "@types/webpack-env": "~1.15.2",
     "ajv": "^6.12.5",
     "eslint": "8.7.0",
     "gulp": "4.0.2",
-    "typescript": "4.5.5",
-    "@microsoft/sp-module-interfaces": "1.17.4"
+    "typescript": "4.7.4",
+    "@microsoft/sp-module-interfaces": "1.18.0"
   }
 }

packages/mgt-spfx/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-4.7/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,