Theo's Typesafe CultTTC
Theo's Typesafe Cult•3y ago
batata

Filtering and search in RSC

I'm trying to implement filtering and searching in server components but its kinda slow, the way im doing it is i redirect to a new url with searchParams and then filter the data in the page.tsx which is a server component,
Here's the code:

thats from the child client component
  const searchParams = new URLSearchParams(filtersParams);
      router.replace(`/ticketing?${searchParams}`);


and this is the page.tsx
 {tickets.watcherTickets
                .filter((ticket) => {
                  if (
                    ticket.currentStage?.stageAssignedTo !== user.userID &&
                    (!searchParams.type ||
                      ticketTemplates.find((template) => template.ticketTemplateID === ticket.ticketTemplateID)
                        ?.templateTitle === searchParams.type) &&
                    (!searchParams.status || ticket.currentStage?.stageStatus === searchParams.status) &&
                    (!searchParams.dateFrom ||
                      isWithinInterval(parseISO(ticket.currentStage?.stageAssignedDate), {
                        start: parseISO(searchParams.dateFrom),
                        end: parseISO(searchParams.dateTo),
                      }))
                  ) {
                    return true; // Include this ticket in the result
                  }
                  return false; // Exclude this ticket from the result
                })


is there another way to do it? maybe my internet is slow so its taking couple of seconds to go to the new url
Was this page helpful?