react-application-messagebanner - Will not display after adding to site

[LouFarho]

Sample

react-application-messagebanner

Author(s)

@pmatthews05, @bschlintz

What happened?

After adding the package to my app catalog, I use the provided PowerShell to add it to a site. Nothing happens on the site. If I run Gulp Serve, then the deployed extension will display along with the one from Gulp Serve.

Steps to reproduce

1. One needs to build the package first. I used the CLI utility to update the solution to the latest framework release.
2. Add package to app catalog
3. Use documented PowerShell to add it to a site. (I tried both options, site and web.
4. Visit home page of site, nothing is displayed.
5. Now run Gulp Serve and two message banners are displayed.

Expected behavior

With the provided PowerShell, the message banner should display on the site as documented in the solution.

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• [ ] Internet Explorer
• [X] Microsoft Edge
• [X] Google Chrome
• [ ] FireFox
• [ ] Safari
• [ ] mobile (iOS/iPadOS)
• [ ] mobile (Android)
• [ ] not applicable
• [ ] other (enter in the "Additional environment details" area below)

Node.js version

v18.19.0

Additional environment details

SPFx 1.18.2 Yeoman 5.0.0