Clerk with Redwood issues

Get Involved Debugging & Dev Problem Solving
1

I want to build an app and the DX of Redwood is appealing. With Tailwind, Storybook and Jest mixed in. The problem is that Clerk as an Auth provider is breaking Storybook and Jest because the app is not wrapped in with the recommended integration.

Has anyone experienced this and is there a solution to make them coexist in the same project?

2

I played around with Clerk a month or so ago and I don’t have the code anymore.

As far as storybook is concerned, I think I recall taking the ClerkProvider and using that in the sorry book config at web/config/storybook.preview.js.

Hopefully, that gets you started.

1 Like
3

Thanks @shansmith01

I was able to get Sorrybook :slight_smile: up and running by adding this decorator to web/config/storybook.preview.js.

// .storybook/preview.js

import React from 'react'
import { ClerkProvider } from '@clerk/clerk-react'

export const decorators = [
  (Story) => (
    <ClerkProvider>
      <Story />
    </ClerkProvider>
  ),
]
1 Like