Merge pull request #2773 from Jwaegebaert/FixReactVersionPageNavigator

samples/react-page-navigator/README.md

@@ -26,25 +26,27 @@ Version|Date|Comments
 1.0|September 5, 2019|Initial release
 1.1|October 20, 2021|SPFx Upgraded to 1.12.1 and code refactored
 1.2|May, 2022|SPFx Upgraded to 1.14.0
+1.3|June 9, 2022|Updated React package from `^16.14.0` to `16.13.1`
 
 ## Minimal Path to Awesome
 
 * Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-page-navigator) then unzip it)
 * From your command line, change your current directory to the directory containing this sample (`react-page-navigator`, located under `samples`)
 * in the command line run:
-  - `npm i`
+  * `npm i`
-  - `gulp bundle --ship`
+  * `gulp bundle --ship`
-  - `gulp package-solution --ship`
+  * `gulp package-solution --ship`
-- Add the app package to Site Collection App Catalog and Install the App
+* Add the app package to Site Collection App Catalog and Install the App
-- Add the web part to a page in the Site Collection
+* Add the web part to a page in the Site Collection
 
->  This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.
+> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for further instructions.
 
 ## Solution
 
 Solution|Author(s)
 --------|---------
 react-page-navigator|[Aakash Bhardwaj](https://github.com/aakashbhardwaj619)
+react-page-navigator|[Jasey Waegebaert](https://github.com/Jwaegebaert)
 
 ## Help
 
@@ -60,5 +62,4 @@ Finally, if you have an idea for improvement, [make a suggestion](https://github
 
 **THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
 
-
 <img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-page-navigator" />

samples/react-page-navigator/assets/sample.json

@@ -38,6 +38,11 @@
         "pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460\u0026u=e780f4ef1da922c84f2c5c66c59cecbff2300581\u0026v=4",
         "name": "Aakash Bhardwaj",
         "twitter": "aakash_316"
+      },
+      {
+        "gitHubAccount": "jwaegebaert",
+        "pictureUrl": "https://github.com/Jwaegebaert.png",
+        "name": "Jasey Waegebaert"
       }
     ],
     "references": [

samples/react-page-navigator/package-lock.json

@@ -3272,6 +3272,14 @@
         "tslib": "~1.10.0"
       },
       "dependencies": {
+        "msalLegacy": {
+          "version": "npm:msal@1.4.12",
+          "resolved": "https://registry.npmjs.org/msal/-/msal-1.4.12.tgz",
+          "integrity": "sha512-gjupwQ6nvNL6mZkl5NIXyUmZhTiEMRu5giNdgHMh8l5EPOnV2Xj6nukY1NIxFacSTkEYUSDB47Pej9GxDYf+1w==",
+          "requires": {
+            "tslib": "^1.9.3"
+          }
+        },
         "tslib": {
           "version": "1.10.0",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
@@ -19469,14 +19477,6 @@
         "tslib": "^1.9.3"
       }
     },
-    "msalLegacy": {
-      "version": "npm:msal@1.4.12",
-      "resolved": "https://registry.npmjs.org/msal/-/msal-1.4.12.tgz",
-      "integrity": "sha512-gjupwQ6nvNL6mZkl5NIXyUmZhTiEMRu5giNdgHMh8l5EPOnV2Xj6nukY1NIxFacSTkEYUSDB47Pej9GxDYf+1w==",
-      "requires": {
-        "tslib": "^1.9.3"
-      }
-    },
     "multicast-dns": {
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
@@ -22032,9 +22032,9 @@
       "integrity": "sha512-sf7oGoLuaYAScB4VGr0tzetsYlS8EJH6qnTCfQ/WVEa89hALQ4RQfCKt5xCyPQKPDUbVUAIP1QsxAwfAjlDp7Q=="
     },
     "react": {
-      "version": "16.14.0",
+      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.13.1.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+      "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",

samples/react-page-navigator/package.json

@@ -22,7 +22,7 @@
     "@pnp/spfx-controls-react": "^3.7.2",
     "@pnp/spfx-property-controls": "^3.6.0",
     "office-ui-fabric-react": "^7.185.3",
-    "react": "^16.14.0",
+    "react": "16.13.1",
     "react-dom": "16.13.1"
   },
   "resolutions": {