boolean.jsx

import React, {useState} from "react"
import { ComponentOne, ComponentTwo } from "./somewhere"

const ExampleComponent = (props) => {
    const [selected, setSelected] = setState(false)

    const setSelectedTrue = () => setSelected(true)
    const setSelectedFalse = () => setSelected(false)
    const toggleSelected = () => setSelected(!selected)

    return selected ? (
        <ComponentOne {...props} onClick={setSelectedFalse} onSomething={toggleSelected} />
        <ComponentTwo {...props} onClick={setSelectedTrue} />
    ) : (
        <ComponentTwo {...props} onClick={setSelectedTrue} />
    )
}