pmndrs / react-three-next

React Three Fiber, Threejs, Nextjs starter
https://react-three-next.vercel.app/
MIT License
2.46k stars 333 forks source link

Typescript and styled systems install not working #140

Open jonrrivera opened 1 year ago

jonrrivera commented 1 year ago

when installing yarn create r3f-app next my-3d-app styled -ts and running yarn dev I don't see any of the r3f components rendering or any styled systems components being applied. Am I doing something wrong?

Screenshot 2023-06-12 at 10 40 29 PM
jordan-loeser commented 1 year ago

I'm having the same issue here; it looks like the install is not actually generating any styled components, and the Tailwind helper classes are still being used.

wnek commented 1 year ago

I think components are there, but not visible because of the CSS. I managed to display it by adding a class to the "View" component.

page.tsx

<View orbit className='viewSize'>
   <Suspense fallback={null}>
      <Dog scale={2} position={[0, -1.6, 0]} rotation={[0.0, -0.3, 0]} />
      <Common color={'lightpink'} />
   </Suspense>
</View>

global.css


.viewSize {
  height: 40vh;
  width: 80vw;
}