Skip to content

Atoms are not working in browser (non-node.js, non-next.js) environment #22661

@akaynarov

Description

@akaynarov

Issue Summary

Atoms are not working in non-next.js context. The Credits and

Steps to Reproduce

  1. Make a normal non-next.js project.
  2. Import the CalProvider
  3. The app crashes with Uncaught ReferenceError: process is not defined.

The error is because process is only accessible in node.js environements and not present in browser environments.

The documentation states that the library should work both in Next.js and React.js

Actual Results

  • The app is crashing with: Uncaught ReferenceError: process is not defined

Expected Results

  • Atoms are working in browser environment.

Technical details

  • React version: 19.1.2
  • "@calcom/atoms": "^1.1.1"

Evidence

Point of issue in the library:
Image

  • Tested by importing @calcom/atoms and using the provider.

Error in the compiled code:

The issue is from the Icon component.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    High priorityCreated by Linear-GitHub SyncStale🐛 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions