Render conditionally doesn't insert { } required for JSXExpressionContainer

[jedwards1211]

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>
  )
}

[anhthii]

same here

[jedwards1211]

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

[borislit]

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

[borislit]

:tada: This issue has been resolved in version 4.20.1 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket:

[borislit]

Just release a fix. Pls validate!

[anhthii]

@borislit It works perfectly. Thankyou!