hello everybody, I'm having an issue with antlers, I just want to use them in my react code but I'm unable to achieve this, consider this example (using bootstrap react tabs):

<Tab eventKey={1} title="Tab 1">       
        {{ current_url }}
 </Tab>

but in the console I'm getting an error: "Uncaught ReferenceError: current_url is not defined", I just want to print the current url in the first tab. Also how to use **if ** statements you know this kind of syntax

{{ if }} {{ /if }}

inside react.

Thanks in advance.