Nested retool page does not work when embedded in react

I've got a react app and retool app embedded in it.

Main retool page works but when I click on the button that links to another retool page there is a popup saying Tried to open "40907ea0-afcd-11eb-8504-1314de638337", but the page is not publicly available

link to live app

import './App.css';

function App() {
  return (
    <div className="App">
      <p>embedded retool app</p>
      <Retool url="https://hejho.retool.com/embedded/public/429a65fc-196b-4a3c-b7f5-923e8b0f9c7a" />
    </div>
  );
}

export default App;

Any ideas?

Do you also get the same errors when embedding via a simple iframe? For the buttons are you using "Open a web page" or "Open another Retool page"?