Body

I was using the rule no-unnecessary-condition, until I started my first react project where you often use conditional rendering in your tsx code. For example:

{ radioButtonHasMemberIsYes &&
  <>
    <input name='firstname' type='text'/>
    <input name='lastname' type='text'/>
  </>
}

Unfortunately no-unnecessary-condition breaks at this point because the second part of the condition is always truthy.
I would still like to allow optional chaining only if it is really needed to keep the code clean. Sometimes a type changes and it is not optional anymore. So all the optional chainings could be removed automatically by running --fix.

Additional Info

Any additional info...

Before you submit your discussion, please confirm the following. If any of these required steps are not taken, we may not be able to review your RFC. Help us to help you!

• I have read the discussions guidelines and per those guidelines, this fits a discussion category, not a help request or standard issue.
• I have searched for related discussions and searched for related issues and found none that match my proposal.
• I have read the FAQ and my problem is not listed.