search

chakra-ui / chakra-ui-docs

Documentation website for chakra ui
https://chakra-ui.com
MIT License
303 stars 476 forks source link

Update the getting started page for Remix Run to match the Blues template #957

Open ngirardin opened 2 years ago

ngirardin commented 2 years ago

Subject

Update the getting started page for Remix Run to match the Blues template

Description

I'm working on a Remix app and found conflicting information about how to get started with ChakraUI, especially regarding the entry.server.ts file:

The Chakra exemple from the Remix repo is bare-bone and doesn't contain the code related to the emotion cache. I'd like to submit a PR to this repo, that implement the best practices that you could recommand.

The Chkara getting started page is quite complete, but I wasn't able to fully implement it in a project using the Blues Stack (or Grunge or Indie stacks...) template. I got stuck will updating the app/entry.server.ts file, especially in the renderToPipeableStream call.

Please let me know how I can help :)

pitkes22 commented 2 years ago

Having a very similar experience, I was unable to set up a remix project with Chakra without hydration issues and warnings.

nikolovlazar commented 2 years ago

@pitkes22 did you ended up building a complete integration? If you did, would you mind opening a PR to update the guide, so other people don't run into the same issue?

pitkes22 commented 2 years ago

@nikolovlazar Sorry but sadly no, I tried many things, many different starters that I found, and many different tutorials on how to integrate chakra/emotion with Remix but nothing worked. The only thing that worked without issues was an older version of remix, and chakra that used react 17.

stale[bot] commented 1 year ago

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

stale[bot] commented 1 year ago

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

stale[bot] commented 1 year ago

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

Jarrodsz commented 1 year ago

Same issue anyone figured this out?