Render conditionally doesn't insert { } required for JSXExpressionContainer

[Andy Edwards]

I'd recommend using JSCodeshift or at least Recast to transform the AST

Before

/**
 * @prettier
 * @flow
 */

import * as React from 'react'

export type Props = {
  
}

export default function Test(props: Props): React.Node {
  return (
    <div>
      <Foo />
    </div>
  )
}

After

/**
 * @prettier
 * @flow
 */

import * as React from 'react'

export type Props = {
  
}

export default function Test(props: Props): React.Node {
  return (
    <div>
(
true
?       <Foo />

: null
)    </div>
  )
}

[Thi Nguyen]

same here

[Andy Edwards]

is there anyone this doesn't happen for? Maybe it's specific to .js files?

[Boris Litvinsky]

Hey @anhthii @jedwards1211 I was able to reproduce an issue. Im currently working on a version that will include several fixes. Including this one

[Boris Litvinsky]

🎉 This issue has been resolved in version 4.20.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[Boris Litvinsky]

Just release a fix. Pls validate!

[Thi Nguyen]

@borislit It works perfectly. Thankyou!