Skip to content

Visual Editing/Presentation - page navigation not working? #209

@devboldium

Description

@devboldium

Describe the bug
When configuring the integration for visual editing/presentation (per the readme), everything works great except for page navigations within Sanity's Presentation tab. When trying to navigate (via link or manually changing the URL within the Presentation view), the page does not reload. In order to see the page that was navigated to, the current Sanity studio page must be manually reloaded.

To Reproduce

Steps to reproduce the behavior:

  1. Set up the sanity-astro integration for visual editing per the readme (using loadQuery demo code from readme)
  2. Stub out routes in Astro to render Sanity pages (can simply render page slug and raw JSON data, for demo purposes)
  3. Create multiple pages in Sanity
  4. Attempt to navigate between pages within Sanity's Presentation view
  5. Notice no page navigation occurs until the Sanity Studio page is fully reloaded manually (via browser refresh)

Expected behavior
Pages should reload/navigate automatically when the route is changed, per Sanity's presentation demos for other frameworks (e.g. Remix)

Screenshots
Initial view in Presentation of homepage:
Screenshot 2024-08-07 at 2 35 32 PM

Upon trying to manually change the route within Sanity Studio:
Screenshot 2024-08-07 at 2 35 47 PM
Note that data + page being rendered is still for homepage.

After browser refresh/full reload of sanity studio:
Screenshot 2024-08-07 at 2 36 22 PM
Correct data is now displayed

Which versions of Sanity are you using?

Run sanity versions in the terminal and copy-paste the result here:

@sanity/cli (global)          3.52.4 (latest: 3.53.0)
@sanity/eslint-config-studio   3.0.1 (latest: 4.0.0)
@sanity/vision                3.51.0 (latest: 3.53.0)
sanity                        3.52.4 (latest: 3.53.0)

What operating system are you using?
Mac OS 13.6

Which versions of Node.js / npm are you running?

Run npm -v && node -v in the terminal and copy-paste the result here:
NPM: 10.2.3
Node: v18.19.0

Additional context

  • Using the Refresh button above the iframe pane in Sanity's Presentation mode also does not have an effect
  • I am using server-side rendering within Astro, and running a dev server with netlify dev
  • I notice the issue both locally, and when deploying both the frontend (to Netlify) and backend (to Sanity)
  • I suspect the issue might have something to do with the loadQuery demo code provided in the readme, but I am not sure

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions