Webpart sample under folder '02-custom-fields' not getting loaded to workbench.

[JefinDX]

When I tried to run the webpart project sample for 'custom property pane field using React & Fluent UI' (folder: 02-custom-fields), gulp serve completed successfully but the webpart is not getting loaded to page. Getting the below error.

I haven't made any changes to the project. Just did npm install on the project folder and tried to gulp serve the webpart.

[JefinDX]

I believe the issue is because of the React version. SPFx v1.19.0 needs React v17.0.1.

[JefinDX]

Did npm install [email protected] [email protected] and boom.. it worked. Successfully wasted my 2 days because of this error. Finding these spfx related errors are really a PIA.