prettierにて、printWidthを300くらいにしているにも関わらず改行される

Question

react、typescript, jsxといった技術スタックです。

prettierにて、printWidthを300くらいにしているにも関わらず、
jsxが以下のようになってしまいます。

<text>foo<text/>

↓

<text>
  foo
<text/>

typescript自体のコードはしっかり300になるのですが、
これはprintWidthとはなにか別の設定が必要なのでしょうか？

Answer 1

記載されているコードに関してはpritterの設定の問題ではなく、
閉じタグのバックスラッシュの位置が間違っていることが原因のように思います。
単一の要素として認識されてしまうので改行されています。

// 誤
<text>foo<text/>

// 正
<text>foo</text>

もし、間違いではなく記載のコードを改行したくない場合は、
その箇所のみpritterを無効化するコメントを記載することで改行を防ぐことができます。

// prettier-ignore
<text>foo<text/>