Comments (6)
The next+sc example worked last time it was visited (3 months ago) - sounds like there's some new issues that have popped up?
btw, Twin runs with babel alongside swc and there was never an upgrade to use just swc with twin.
from twin.macro.
The next+sc example worked last time it was visited (3 months ago) - sounds like there's some new issues that have popped up?
btw, Twin runs with babel alongside swc and there was never an upgrade to use just swc with twin.
Broke in nextjs 14
from twin.macro.
The next+sc example worked last time it was visited (3 months ago) - sounds like there's some new issues that have popped up?
btw, Twin runs with babel alongside swc and there was never an upgrade to use just swc with twin.Broke in nextjs 14
yeah. seems so. Couldn't get it to work by updating the template or by manually setting up twin.macro on nextjs 14. I'm getting a false You are attempting to export "metadata" from a component marked with "use client"
. And I am not using a client component on the layout file other than importing the providers where I had declared use client
on them
from twin.macro.
The next+sc example worked last time it was visited (3 months ago) - sounds like there's some new issues that have popped up?
btw, Twin runs with babel alongside swc and there was never an upgrade to use just swc with twin.Broke in nextjs 14
yeah. seems so. Couldn't get it to work by updating the template or by manually setting up twin.macro on nextjs 14. I'm getting a false
You are attempting to export "metadata" from a component marked with "use client"
. And I am not using a client component on the layout file other than importing the providers where I had declareduse client
on them
Yes, it appears that all files are now from the client when using withTwin.js
They changed something and didn't say anything about it.
from twin.macro.
From my limited understanding, withTwin.js
disables server components and the metadata
object is now only compatible with server components:
The
metadata
object andgenerateMetadata
function exports are only supported in Server Components.
from twin.macro.
I made some updates to the next + styled-components example and got it working again but I'm not too happy with the workaround.
If anyone can help with a more appropriate fix, please do as I'm out of ideas.
from twin.macro.
Related Issues (20)
- NX React - Module '"twin.macro"' has no exported member 'styled' HOT 1
- DaisyUI 3.x Tooltip dynamic variant not working
- `group-x` classes containing `/` aren't working correctly
- Support for @headlessui/tailwindcss prefixes in inner classes HOT 2
- the name `_GlobalStyles` is defined multiple times HOT 1
- Unable to clone and style existing components with Stitches using standard syntax HOT 3
- Doesn't work with CodeSandbox React template HOT 1
- Error when passing props to the css attribute in solid/stitches HOT 3
- CSS `calc` with more than 2 `theme` keywords HOT 1
- Can't resolve 'v8' (Twin + Next.js + Styled Components) HOT 9
- Dynamic is not working as expected in next-emotion-typescript HOT 2
- Module not found: Can't resolve 'v8' HOT 3
- Property 'cs' is missing in type.... HOT 2
- Next 14 layout shift (maybe css load after render) HOT 2
- Jest testing (typescript) - twin_macro_1.theme is not a function HOT 2
- Errors in vite 5.0.0 HOT 1
- TypeScript type error with TwImportComponent in jest-testing-typescript
- CSS fallback values from Tailwind config `extend` are missing HOT 2
- Props don't get passed down when composing components HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from twin.macro.