Skip to content

Fix line wrapping in JSX mapped from object references that include optional chaining#109

Merged
ony3000 merged 2 commits intomasterfrom
dogfooding
Jul 4, 2025
Merged

Fix line wrapping in JSX mapped from object references that include optional chaining#109
ony3000 merged 2 commits intomasterfrom
dogfooding

Conversation

@ony3000
Copy link
Copy Markdown
Owner

@ony3000 ony3000 commented Jul 4, 2025

// Input
function Foo() {
  return (
    <div>
      {foo?.data.map((_, index) => (
        <div key={index} className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque">
          content
        </div>
      ))}
    </div>
  );
}

// prettier-plugin-classnames 0.8.0
function Foo() {
  return (
    <div>
      {foo?.data.map((_, index) => (
        <div
          key={index}
          className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque"
        >
          content
        </div>
      ))}
    </div>
  );
}

// prettier-plugin-classnames 0.8.1
function Foo() {
  return (
    <div>
      {foo?.data.map((_, index) => (
        <div
          key={index}
          className="lorem ipsum dolor sit amet consectetur adipiscing elit
            proin ex massa hendrerit eu posuere eu volutpat id neque
            pellentesque"
        >
          content
        </div>
      ))}
    </div>
  );
}

@ony3000 ony3000 self-assigned this Jul 4, 2025
@ony3000 ony3000 merged commit 9753645 into master Jul 4, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant