Resolving build issues, and updated ReadME

samples/react-flow-dashboard/README.md

@@ -54,6 +54,10 @@ If the problem still persists,
 - in the command-line run:
   - `npm install`
   - `gulp serve`
+- if using spfx-fast-serve, in the command-line run:
+  - `spfx-fast-serve`
+  - `Press enter if prompted to install node modules (will run npm install)`
+  - `npm run serve`
 
 >  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.
 

samples/react-flow-dashboard/package.json

@@ -10,7 +10,7 @@
     "build": "gulp bundle",
     "clean": "gulp clean",
     "test": "gulp test",
-    "serve": "gulp serve"
+    "serve": "fast-serve"
   },
   "dependencies": {
     "@fluentui/react": "8.106.4",
@@ -42,6 +42,7 @@
     "eslint": "8.57.0",
     "eslint-plugin-react-hooks": "4.3.0",
     "gulp": "4.0.2",
-    "typescript": "4.7.4"
+    "typescript": "4.7.4",
+    "spfx-fast-serve-helpers": "~1.20.0"
   }
 }

samples/react-flow-dashboard/src/webparts/reactFlowDashboard/components/RunHistory/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Panel, PanelType } from 'office-ui-fabric-react';
+import { Panel, PanelType } from '@fluentui/react';
 import { IReactFlowRunHistoryProps } from './IReactFlowRunHistoryProps';