React Typescript: Type 'Boolean' has no call signatures

Question

I have a boolean stored in state, and I simply want to show or hide part of the dom if the value of myBoolean is true or false

const { global } = useContext(globalContext);
...
return (
 {global.myBoolean (
   <p>Show me if true</p>
)}
)

the error im getting is

This expression is not callable.
  Type 'Boolean' has no call signatures.

ravibagul91 · Accepted Answer · 2019-11-08 04:24:22Z

3

I think you should use conditional rendering,

{global.myBoolean && <p>Show me if true</p>}

answered Nov 8, 2019 at 4:24

ravibagul91

20.9k6 gold badges40 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ibtsam · Accepted Answer · 2019-11-08 04:24:33Z

2

I think you need to write it as this,

return (
 {global.myBoolean && (
  <p>Show me if true</p>
 )}
)

Hope it helps

answered Nov 8, 2019 at 4:24

ibtsam

1,7001 gold badge11 silver badges10 bronze badges