code-surfer icon indicating copy to clipboard operation
code-surfer copied to clipboard

can't have markdown lists in codesurfer steps?

Open andycmaj opened this issue 5 years ago • 1 comments

my deck.mdx:


import { CodeSurfer, CodeSurferColumns, Step } from "code-surfer";

<CodeSurferColumns>

<Step>

<div>

Yarn workspaces list.

" for the remainder of the tour, `~` will refer to the monorepo root.

This is the list of all applications and libraries contained in the monorepo.
Each workspace in this list will have their `node_modules` symlinked back to `~/node_modules`.

`yarn install` at `~` will install dependencies for all workspaces.

### reference

* [yarn workspaces docs](https://classic.yarnpkg.com/en/docs/workspaces/)

</div>

```ts title="package.json" file="../package.json"
```

error running mdx-deck:

unknown: Expected corresponding JSX closing tag for <li> (18:131)

  16 | <h3>{`reference`}</h3>
  17 | <ul>
> 18 | <li parentName="ul"><a parentName="li" {...{"href":"https://classic.yarnpkg.com/en/docs/workspaces/"}}>{`yarn workspaces docs`}</a></div></li>

notice how the closing </div> was thrown in before the closing </li>.

not sure if this is a problem with mdx-deck or codesurfer...

but is there a better way to use real markdown in a step?

andycmaj avatar Mar 23 '20 01:03 andycmaj

Strange, that should work. Double-check that the empty lines separating the markdown from the jsx are really empty, no tabs, whitespace, nothing.

pomber avatar Mar 23 '20 13:03 pomber