Using a tunnel right away?

[badtant]

So I have the code below.
SomeComponentThatRendersToTunnel will try to put something inside footer-tunnel but it wont show on first render. My guess is that it's because it's below what will try to put something inside it. If I move the tunnel above the component it does render.

Is this a bug or expected? Is there a way to get around it?

<TunnelProvider>
                <>
                        <SomeComponentThatRendersToTunnel />
                        <div className={styles.flexFooter}>
                            <TunnelPlaceholder id="footer-tunnel" />
                        </div>
                </>
</TunnelProvider>

[badtant]

https://codesandbox.io/s/keen-bhaskara-vs4dl