Incorrect / stale context.listView on updated SharePoint List UI experience (ListView Command Set)

[chrisredman01]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

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

Additional environment details

• browser version 128.0.6613.114
• SPFx version 1.19.0
• Node.js version v18.20.4

Describe the bug / error

When a SharePoint List is using the updated UI experience, and the list has folders enabled, the this.context.listView object is not kept in sync.

For example, this.context.listView.folderInfo.folderPath property contains the initial value when the page is loaded, but is not updated when the user clicks in to folders on the list.

The this.context.listView.rows is also stale, and only shows the items from the initial page load.

We have a ListView Command Set extension which uses the folderPath property to determine where in the list the user is when they clicked the Command Set button.

This differs to the behaviour on the 'old' modern UI.

Example:

• First load of the list is mainly correct i.e. empty folder path as it's the root, rows = 3
  

• Clicking in to 'Test' folder, folder path is still empty, and we see row count of 3, rather than row count of 1
  

• If the page is refreshed while in the 'Test' folder, the context is correct
  

• Clicking 'My List' on the breadcrumb, then leaves the context stale and showing the values for the 'Test' folder still
  

Steps to reproduce

1. Create the default Command Set SPFx extension and update the config so it applies to Lists
2. Change the dialog to output this.content.listView.folderInfo.folderPath and add console.log(this.context.listView)
3. Create a SharePoint List and enable the 'New Folder' option via Advanced Settings
4. Add items and a folder to the list
5. Deploy the SPFx package
6. Click in to the folder, then click the Command Set button
7. Observe the stale context in the console
8. Refresh the page while in the folder and click the Command Set button
9. Observe the context is correct
10. Click back to the root of the list using the list breadcrumb, and click the Command Set button
11. Observe the context is stale

Expected behavior

The listView object should reflect the correct rows property and folderInfo, as it does on the 'old' modern experience.