-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Open
Description
Provide a general summary of the issue here
When you import the style macro in a vite project, it throws the following error:
Error: The style macro must be imported with {type: "macro"}.
at style (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/@react-spectrum+s2@1.1.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/packages/@react-spectrum/s2/style/style-macro.ts:231:41)
at RouteComponent (/home/alien/sites/obelisk2/demo/src/routes/spectrum/index.tsx:17:21)
at Object.react_stack_bottom_frame (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:10288:18)
at renderWithHooks (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5298:19)
at renderElement (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5733:23)
at retryNode (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:6664:31)
at renderNodeDestructive (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:6614:11)
at finishFunctionComponent (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5342:13)
at renderElement (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5788:11)
at retryNode (/home/alien/sites/obelisk2/demo/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:6664:31)
Warning: A notFoundError was encountered on the route with ID "__root__", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Not Found</p>)
🤔 Expected Behavior?
It should not throw the error, as I swear it's being run as a macro.
😯 Current Behavior
It throws the error and the project breaks
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
- Create a tanstack start application
- Import
import { style } from "@react-spectrum/s2/style" with { type: "macro" };anywhere - Install and enable the
unplugin-parcel-macroorunplugin-macroplugin - It throws the error
Version
1.1.0
What browsers are you seeing the problem on?
Firefox
If other, please specify.
No response
What operating system are you using?
Linux
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels