Using customization of Contents.jsx to create a filterable table with pagination

Development Plone 6 UI (Volto)
1

Good morning, Plone community!

I am currently working on a custom Volto view using the Contents.jsx file in the omelette as a template. Unfortunately, i have been unable to get the filter/search to work properly in the view. I am able to see action in the XHR when i type some text, yet the view doesn't change or filter. What else needs to be done here?

Here is some of the code below since I cannot fit the whole 1000+ lines of code in this thread:

<Menu.Menu
                          position="right"
                          className="top-menu-searchbox"
                        >
                          <div className="ui right aligned category search item">
                            <Input
                              type="text"
                              transparent
                              placeholder={this.props.intl.formatMessage(
                                messages.filter,
                              )}
                              size="small"
                              value={this.state.filter}
                              onChange={this.onChangeFilter}
                            />
                            <Icon
                              name={zoomSVG}
                              size="30px"
                              color="#007eb1"
                              className="zoom"
                            />
                            <div className="results" />
                          </div>
                        </Menu.Menu>
                      </Menu>

I thank you kindly.

Sincerely,

rbrown12