setting a component inside useState behaves differently within a child component

Question

I have a stateful component that I set another component as the state:

const [ displayComponent, setDisplayComponent ] = useState(null);


// some function and ch