Skip to content

Conversation

@malinskibeniamin
Copy link
Contributor

Fix infinite loop in Redpanda Connect Pipeline list page pagination

Root Cause: PipelineListPage stored <PipelineListPageContent /> in a JSX variable that was recreated on every parent render, causing the child component to unmount/remount constantly and trigger infinite loops when interacting with pagination.

Fix: Converted inline JSX variable to a proper RedpandaConnectContent component to maintain stable component identity across renders.

Additional improvements:

  • Fixed useInfiniteQueryWithAllPages hook by removing fetchNextPage from useEffect deps (prevents infinite loops in other features using this hook)
  • Stabilized useListPipelinesQuery return values with useMemo to prevent unnecessary re-renders
  • Increased default page size from 10 to 20 rows

@malinskibeniamin malinskibeniamin merged commit 7d676ac into master Dec 23, 2025
9 checks passed
@malinskibeniamin malinskibeniamin deleted the rpcn-fix-continued branch December 23, 2025 11:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working frontend ui/ux

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants