Could you run CodeHike in ReactMarkdown in the client?

[MildTomato]

Thinking could we use codehike in the client like this, using ReactMarkdown (or something similar)

<ReactMarkdown
  remarkPlugins={[
    [remarkCodeHike, { autoImport: false, theme: codeHikeTheme }],
  ]}
  components={components}
>
 {markdown}
</ReactMarkdown>;

just get an fs error with this

[pomber]

It works on the client (see the playground) but not with Next.js right now (because of Next.js webpack config).

I think it should work after I fix code-hike/lighter#6.

By the way, it's usually a bad idea to run it on the client, except for things like playgrounds or experiments.

[MildTomato]

By the way, it's usually a bad idea to run it on the client, except for things like playgrounds or experiments.

OK then, this might be a bad idea for this type of page. All of the code blocks on the right would be using codehike

[pomber]

because of the tabs for each endpoint? I think you can do that at build time.

You can use Spotlight (see this example),

Or if you want more flexibility you can make your own EndpointTabs component and pass the code as children in mdx.

<EndpointTabs>

<EndpointTab title="Getting your data">

```js
const { data, error } = await supabase
  .from('countries')
  .select()
```

```
...
```

</EndpointTab>

...

</EndpointTabs>

[SD145]

[MildTomato]

This isn't using <ReactMarkdown> though ?

The page isn't a markdown page, and we're using next-mdx-remote 😬