Hello everyone! I am new to Next.js and currently facing an issue. I have a server-side component where I am displaying some records in a tabular format. Inside this server-side component, I've placed a client-side component that contains filters to refine the displayed records.

My goal is to update the records every time the filter values change. The challenge is that the filters are within the client-side component (CSC), while the records are within the server-side component (SSC). Could you please help me figure out how I can filter the records based on the changes in the client-side component?