fix(app): only show startup info modal on initial root load

app/src/ModalContent.tsx

@@ -99,17 +99,23 @@ const close = () => {
 export const ModalContent = ({ map }: { map: any }) => {
   const { pathname } = useLocation()
   const autoOpenedModal = useRef(false)
+  const hasHandledStartupModal = useRef(false)
+  const initialPathname = useRef(pathname)
 
   useEffect(() => {
     const myModal = document.getElementById('my_modal_3')
     if (!(myModal instanceof HTMLDialogElement)) {
       return
     }
 
-    if (map.info_open && pathname === ROOT_PATH && !myModal.open) {
-      myModal.showModal()
-      autoOpenedModal.current = true
-      return
+    if (!hasHandledStartupModal.current) {
+      hasHandledStartupModal.current = true
+
+      if (map.info_open && initialPathname.current === ROOT_PATH && !myModal.open) {
+        myModal.showModal()
+        autoOpenedModal.current = true
+        return
+      }
     }
 
     if (pathname !== ROOT_PATH && autoOpenedModal.current && myModal.open) {

cypress/e2e/authentification/set-new-password.cy.ts

@@ -30,6 +30,20 @@ describe('Utopia Map Authentication Set New Password', () => {
     cy.get('dialog#my_modal_3').should('not.have.attr', 'open')
   })
 
+  it('should not open the startup info modal when returning to root after the initial reset route', () => {
+    cy.visit('/set-new-password?token=test-reset-token')
+    cy.wait('@getMap')
+
+    cy.contains('h2', 'Set new Password')
+      .parent()
+      .within(() => {
+        cy.contains('button', '✕').click()
+      })
+
+    cy.location('pathname').should('eq', '/')
+    cy.get('dialog#my_modal_3').should('not.have.attr', 'open')
+  })
+
   it('should still open the startup info modal on the root route', () => {
     cy.visit('/')
     cy.wait('@getMap')