Skip to content

Select crashes in CodeSandbox #10043

@more2thestory

Description

@more2thestory

Provide a general summary of the issue here

A basic example of Select crashes when rendered in CodeSandbox.

🤔 Expected Behavior?

The select is rendered without a crash.

😯 Current Behavior

The page crashes with the following error:

Uncaught TypeError: Cannot destructure property 'placeholder' of '(0 , _utils.useSlottedContext)(...)' as it is null.
    at SelectValue (Select.mjs:241:24)
    at Wrapper (Hidden.js:79:12)
    at renderWithHooks (react-dom.development.js:16305:18)
    at updateForwardRef (react-dom.development.js:19226:20)
    at beginWork (react-dom.development.js:21636:16)
    at beginWork$1 (react-dom.development.js:27426:14)
    at performUnitOfWork (react-dom.development.js:26557:12)
    at workLoopSync (react-dom.development.js:26466:5)
    at renderRootSync (react-dom.development.js:26434:7)
    at recoverFromConcurrentError (react-dom.development.js:25850:20)
    at performConcurrentWorkOnRoot (react-dom.development.js:25750:22)
    at workLoop (scheduler.development.js:266:34)
    at flushWork (scheduler.development.js:239:14)
    at MessagePort.performWorkUntilDeadline (scheduler.development.js:533:21)

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/k6vt7m

This seems to be specific to CodeSandbox and Sandpack. It does not crash in Storybook, StackBlitz, nor Astro.

Version

react-aria-components 1.17.0

What browsers are you seeing the problem on?

Chrome, Firefox, Microsoft Edge

If other, please specify.

No response

What operating system are you using?

Windows 11

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

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