Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
12 lines
395 B
Plaintext
12 lines
395 B
Plaintext
<button type="button" onClick={handleClick}>
|
|
{show ? 'Unmount children' : 'Mount children'}
|
|
</button>
|
|
<Box sx={{ p: 1, my: 1, border: '1px solid' }}>
|
|
It looks like I will render here.
|
|
{show ? (
|
|
<Portal container={() => container.current!}>
|
|
<span>But I actually render here!</span>
|
|
</Portal>
|
|
) : null}
|
|
</Box>
|
|
<Box sx={{ p: 1, my: 1, border: '1px solid' }} ref={container} /> |