avoid-duplicate-serialization-in-rsc-props

Duplicate serialization in React Server Components occurs when identical data structures are re-serialized due to new reference creation. Transforming data, such as sorting arrays on the server, creates new references that bypass RSC's built-in object reference deduplication.

To optimize RSC prop serialization, perform data transformations like sorting or filtering on the client-side rather than within the server component's render output. This leverages RSC's built-in deduplication by object reference to serialize data only once.

RSC deduplication by object reference works by serializing identical data structures only once if they share the same reference. Creating new references for sorted or filtered arrays on the server forces redundant data transfer across the network.

Yes, you can prevent sending duplicate user data arrays by performing the sorting operation on the client-side instead of the server. This ensures the original data structure maintains its reference for RSC deduplication.

You should move data transformations like sorting and filtering out of React Server Components when they create new object references for existing data. Keeping transformations client-side prevents duplicate serialization and reduces network payload size.