react-aria error in rwsdk 0.0.84 | RedwoodSDK | Page 1

spiral python May 19, 2025, 3:31 PM

#

I'm encountering an error while trying to implement react-aria using rwsdk 0.0.84.

The issue I have is:

error running /Users/my_user/Projects/my_project/node_modules/.vite/deps_worker/react-aria-components.js?v=6f066f86

This module cannot be imported from a Server Component module. It should only be used from a Client Component.```

The file src/app/design-system/Button.tsx has the "use client"; directive at the top. 

This means both the component and its direct dependency Button.tsx are correctly marked as Client Components.

The error message "Error: This module cannot be imported from a Server Component module. It should only be used from a Client Component." specifically implicates react-aria-components.js.

fading comet May 19, 2025, 4:28 PM

#

Hmmm. I think this might be a bug on our side: https://github.com/redwoodjs/sdk/issues/429

GitHub

Support "use client" in node_modules · Issue #429 · redwoodjs/sdk

At the moment we only support "use client" in the app's codebase, but not in packages. Implementation details We'll need at least: for our use client vite plugin to search node mo...

#

@teal bridge

teal bridge May 19, 2025, 5:42 PM

#

@fading comet I'm not sure if it's that one, I don't see any "use client" in react-aria-components

#

The message does seem to indicate it might be related though

fading comet May 19, 2025, 5:43 PM

#

I wonder if it's something that I did 🤔

teal bridge May 19, 2025, 5:44 PM

#

Maybe best is we try reproduce it using a small example that uses react-aria-components

#

I can try do that when I'm back on Wednesday

spiral python May 19, 2025, 6:30 PM

#

If you find the information valuable: I ran the starter template, and the only dependency I installed was react-aria, which resulted in the same error.

fading comet May 19, 2025, 6:33 PM

#

Very helpful, thanks!

teal bridge May 21, 2025, 9:52 AM

#

Hi @spiral python o/ @fading comet was right, you're hitting a limitation in the SDK: https://github.com/redwoodjs/sdk/issues/449

Here's the workaround:
https://github.com/redwoodjs/sdk-experiments/blob/4a384cc2bc2cbc6a5a775b647df37661ab839378/react-aria-workaround/vite.config.mts#L8-L18

Solving that limitation is our top priority right now, we're on it! Until then, I hope the workaround will unblock you

spiral python May 21, 2025, 11:10 AM

#

@teal bridge that's great, let me take a look!

weary tapir May 21, 2025, 3:52 PM

#

Hi @teal bridge , do we also have a workaround for #429?

teal bridge May 21, 2025, 5:58 PM

#

@weary tapir ah, that one's trickier unfortunately. No easy workarounds there in the general case. There might something we can do for specific packages though. But we'll try get this solved asap

#react-aria error in rwsdk 0.0.84