Skip to content

Schedule session page accesses navigator during server-side rendering #2471

Description

@Debagithub567

Summary

While testing PR #2470, I encountered an unrelated server-side rendering issue on the conference session detail page.

The page accesses the browser navigator object during server-side rendering, causing rendering to fail outside of a browser environment.

Steps to reproduce

  1. Run the website locally.
  2. Navigate to a conference session detail page (e.g. /conf/2026/schedule/[id]).
  3. Render the page on the server or run a production build.

Actual behavior

The page throws the following error during server-side rendering:

ReferenceError: navigator is not defined

Expected behavior

The session detail page should render correctly during server-side rendering without attempting to access browser-only APIs.

Additional context

I encountered this issue while implementing and testing PR #2470. I'm opening this issue separately to keep that PR focused on the Slides filter feature.

The error appears to originate from src/app/conf/2026/schedule/[id]/page.tsx, where navigator is accessed at module scope while determining whether the browser is Firefox. Since navigator is only available in the browser, accessing it during SSR causes the page to fail.

Screenshot

The error reported by Next.js during server-side rendering:

Image

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