How to disable whitespace removal #18977

This looks like blank lines between JSX/TSX attributes specifically.

For now, the workaround is to ignore the whole JSX node:

{/* prettier-ignore */}
<ReactPlayer
  muted
  onTimeUpdate={...}

  onLoadedMetadata={hideLoading}
  onLoadedData={hideLoading}

  ref={playerRef}
/>

or, depending on the surrounding code:

// prettier-ignore
<ReactPlayer
  ...
/>

No closing marker is needed because prettier-ignore applies to the next AST node.

Another workaround is to use comments as prop group separators, so Prettier can still format the component:

<ReactPlayer
  muted
  onTimeUpdate={...}
  // Loading handlers
  onLoadedMetadata={hideLoading}
  onLoadedData={hideLoading}
  // Media config
  ref={playerRef}
  slot="media"
/>

@fisker, maintainers: would you be open to a PR that preserves at most one blank line between JSX attributes when it already exists in the source?

The idea would not be to add a new formatting option, but to preserve limited intentional grouping, similar to how Prettier already preserves blank lines in some other places. Multiple blank lines could still be collapsed to one.

If this behavior is acceptable for Prettier, I will implement it properly and include tests.