Add new line between {} in JSX

Question

If I write something like this:

  {
    factors.map((factor) => (
      <li>{factor}</li>
    ))
  }

I've got something like this by prettier:

  {factors.map((factor) => (
    <li>{factor}</li>
  ))}

Someone knows what rule I must add to avoid this behavior? I'm searching but I can't find nothing useful =(

That's my current prettier config:

{
    "tabWidth": 4,
    "useTabs": false,
    "singleQuote": true,
    "semi": false,
    "printWidth": 120,
    "arrowParens": "avoid"
}

Prettier is an opinionated – kennarddh Sep 10 '22 at 12:59 — kennarddh, Sep 10 '22 at 12:59

score 1 · Answer 1 · answered Sep 10 '22 at 13:10

1

This is not possible, you can see all options available here

answered Sep 10 '22 at 13:10

Reifocs

1

This can go as a comment lol ... – KcH Sep 10 '22 at 13:10
where do you draw the line between what should be a comment or an answer? – Reifocs Sep 10 '22 at 13:11
Alright was just saying... – KcH Sep 10 '22 at 13:12
@Calfut and do you know some other code formatter that allows me to do that? – dawalberto Sep 10 '22 at 13:31

1 Answers1