react/jsx-curly-spacing not working

[tleunen]

For some reasons, I can't get the jsx-curly-spacing rule to report errors.

After enabling it (using the default airbnb settings), I set several use case and nothing is reported.

The config has the following setting so all these cases should be reported, but they are not in my case.

'react/jsx-curly-spacing': ['error', 'never', { allowMultiline: true }],

{ something}
{something }
{ something }

[yannickcr]

The jsx-curly-spacing rule apply only to jsx attributes.

[tleunen]

Oh I see... I'll better read the doc next time.
But do you think it should also be applied to all jsx curly values?

<Comp>
  {something}
</Comp>

[yannickcr]

ESLint rules does not apply to {something} here ? If not we should support it in this rule imho.

[ljharb]

I'm relatively sure we have a rule that enforces this spacing in our airbnb config; it's different from object curly spacing because it's not object curlies. Not sure off the top of my head which rule tho.

[tleunen]

From my testing, the rule is not applied for the example I posted. I checked all the jsx rules and couldn't find another rule which check this.

[luokuning]

Same issue :-)

[carlows]

Same issue, is there any other rule that works for this?

<Comp>
  {something}
</Comp>

[ljharb]

I think that perhaps an option to jsx-curly-spacing that enabled checking of child curlies would be appropriate here?

[zimme]

Also this doesn't work.

<Button
  active={prevButtonStatus}
  // I expect the following to error because spacing around prevButtonText
  text={<span>{ prevButtonText }</span>}
  onClickHandler={expandButtonHandler}
  className={classNames('btn', 'btn-dots')}
/>

[Kronuz]

Is there currently no rule to support this?

[ljharb]

@Kronuz no. #857 (comment)