Reactjs (Functional Component) Conditional Rending with OR statement

const App = () =>{
    const condition1 = true
    const condition2 = false
    return (
        <div>
            {condition1 || condition2 && <h1>condition met</h1>}
        </div>
    )
}

The code above only cares about condition2, condition1 is ignored.
is there a way I can use the OR operator in my jsx?
Also I’ve tried looking through this https://reactjs.org/docs/conditional-rendering.html and I can’t find what I’m looking for.