label:"sample: react-list-search" List output clears when I add Search configuration

[AllanMacAshurst]

Disclaimer

Yes

Sample

React-List-Search

Contributor(s)

@albegut

What happened?

When I am running the web part in workbench and select a list and columns it renders the items correctly in List view but as soon as I add filters the list items no longer render any details

Steps to reproduce

1.Add Web Part to page
2.Select site, list and configure and select Title, URL and Category fields from list and press 'Apply'
3.Move to page 3 on properties pane and add filter options 'General filter' and Individual column filter,
4. Press 'Apply' and I can see rows but no filters or data
5.

Expected behavior

I expected that I'd see filters and list output

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

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

What version of Node.js is currently installed on your workstation?

18.20.4

What version of Node.js is required by the sample?

18

Paste the results of SPFx doctor

CLI for Microsoft 365 SharePoint Framework doctor
Verifying configuration of your system for working with the SharePoint Framework

√ SharePoint Framework v1.20.0
√ Node v18.20.4
√ yo v5.0.0
× gulp should be removed
√ gulp-cli v3.0.0
× typescript v4.7.4 installed in the project
Recommended fixes:

• npm un -g gulp
• npm un typescript

Additional environment details

No response