swap_horiz Transfer State

@if (isLoading()) {
hourglass_empty Loading transfer state...
} @else if (error()) {
error

No Transfer State Found

{{ error() }}

Transfer state is used in Server-Side Rendering (SSR) to pass data from the server to the client. If you're expecting transfer state data, make sure:

  • The application is using SSR
  • Transfer state is being used in your components
  • You're inspecting the initial page load (not after client-side navigation)
} @else if (!hasData()) {
info

Transfer State is Empty

No transfer state data found on this page.

This could be normal if the page doesn't use SSR or doesn't transfer any state.

} @else {
{{ transferStateItems().length }} Keys
{{ totalSize() }} Total Size
Key {{ item.key }} Type {{ item.type }} Size help_outline {{ item.size }} Value 
{{ getFormattedValue(item.value) }}
@if (isValueLong(valuePreview, item.isExpanded)) { }
}