PnPjs Version 3 Sample

samples/react-pnp-js-sample/.yo-rc.json

@@ -3,7 +3,7 @@
     "plusBeta": true,
     "isCreatingSolution": true,
     "environment": "spo",
-    "version": "1.14.0-beta.4",
+    "version": "1.14.0",
     "libraryName": "spfx-pnp-js-example",
     "libraryId": "d20ceaf6-094b-4086-b7a0-85761bc8be23",
     "packageManager": "npm",

samples/react-pnp-js-sample/package.json

@@ -14,8 +14,8 @@
     "@microsoft/sp-office-ui-fabric-core": "1.14.0",
     "@microsoft/sp-property-pane": "1.14.0",
     "@microsoft/sp-webpart-base": "1.14.0",
-    "@pnp/logging": "^3.0.0",
-    "@pnp/sp": "^3.0.0",
+    "@pnp/logging": "^3.0.2",
+    "@pnp/sp": "^3.0.2",
     "office-ui-fabric-react": "7.174.1",
     "react": "16.13.1",
     "react-dom": "16.13.1"

samples/react-pnp-js-sample/src/webparts/pnPjsExample/components/PnPjsExample.tsx

@@ -42,6 +42,7 @@ export default class PnPjsExample extends React.Component<IPnPjsExampleProps, II
   }
 
   public render(): React.ReactElement<IAsyncAwaitPnPJsProps> {
+    try {
       // calculate total of file sizes
       const totalDocs: number = this.state.items.length > 0
         ? this.state.items.reduce<number>((acc: number, item: IFile) => {
@@ -76,6 +77,10 @@ export default class PnPjsExample extends React.Component<IPnPjsExampleProps, II
           </table>
         </div >
       );
+    } catch (err) {
+      Logger.write(`${this.LOG_SOURCE} (render) - ${JSON.stringify(err)} - `, LogLevel.Error);
+    }
+    return null;
   }
 
   private _readAllFilesSize = async (): Promise<void> => {