mdx-js
expected corresponding closing tag but is in a comment?
#2428
-
|
Hi everyone, Severin from @tremorlabs here. I am currently overhauling our code examples and I often put some comments into the code. Like this: ```jsx
'use client';
import { Button, Divider, TextInput } from '@tremor/react';
export default function Example() {
return (
<>
{/*
Modify your layout / template file as follows to center login form across the screen
```
<html class="h-full">
<body class="h-full">
```
*/}
<div className="flex min-h-full flex-1 flex-col justify-center py-10 lg:px-6">
<div className="sm:mx-auto sm:w-full sm:max-w-sm">
<h3 className="text-center text-tremor-title font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong">
Log in or create account
</h3>The problem being: This throws an error Is there any way to let this pass? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Welcome @severinlandolt! 👋 Sorry you ran into a spot of trouble. For example ````jsx
'use client';
import { Button, Divider, TextInput } from '@tremor/react';
export default function Example() {
return (
<>
{/*
Modify your layout / template file as follows to center login form across the screen
```
<html class="h-full">
<body class="h-full">
```
*/}
<div className="flex min-h-full flex-1 flex-col justify-center py-10 lg:px-6">
<div className="sm:mx-auto sm:w-full sm:max-w-sm">
<h3 className="text-center text-tremor-title font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong">
Log in or create account
</h3> |
Beta Was this translation helpful? Give feedback.
-
|
TIL and thank you! |
Beta Was this translation helpful? Give feedback.
Welcome @severinlandolt! 👋
Sorry you ran into a spot of trouble.
The issue is with the exiting the code block when you mean to nest them.
A trick which can help, markdown/mdx needs at least three backticks to start a code block, but can have more, more ticks can nest fewer without exiting.
For example