Update Document for SPFx 1.22 (gulp to heft)

[Ashlesha-MSFT]

Category

• [x ] Content fix

What's in this Pull Request?

• Migration from gulp to heft
• Replace office-ui-fabric-react imports with @fluentui/react
• Update import paths from /lib/components/* to /lib/*
• Add TypeScript strict mode fixes (optional types with | undefined)
• Add null checks for optional properties
• Update build commands from gulp to heft
• Add type annotations for TypeScript compatibility
• Fix property pane control key assignment"

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit c2c59be:

✅ Validation status: passed

File	Status	Preview URL	Details
docs/spfx/web-parts/get-started/build-a-hello-world-web-part.md	✅Succeeded	View
docs/spfx/web-parts/get-started/connect-to-sharepoint.md	✅Succeeded	View
docs/spfx/web-parts/get-started/hosting-webpart-from-office-365-cdn.md	✅Succeeded	View
docs/spfx/web-parts/get-started/serve-your-web-part-in-a-sharepoint-page.md	✅Succeeded	View
docs/spfx/web-parts/guidance/build-custom-property-pane-controls.md	✅Succeeded	View
docs/spfx/web-parts/guidance/validate-web-part-property-values.md	✅Succeeded	View

For more details, please refer to the build report.