Fix indentation of JSX inside of list item inside of JSX

Author: XiNiHa

lib/index.js

@@ -772,7 +772,9 @@ function containerFlow(parent, state, info) {
 function inferDepth(state) {
   let depth = 0
 
-  for (const x of state.stack) {
+  for (let i = state.stack.length - 1; i >= 0; i--) {
+    const x = state.stack[i]
+    if (x === 'listItem') break
     if (x === 'mdxJsxFlowElement') {
       depth++
     }

test.js

@@ -2549,6 +2549,40 @@ test('roundtrip', async function (t) {
       )
     }
   )
+
+  await t.test('should roundtrip `nested JSXs and lists`', async function () {
+    const source = `<JSX>
+  * list item
+
+    <JSX>
+      * list item
+
+        <JSX>
+          <JSX>
+            * list item
+
+              * list item
+
+                <JSX>
+                  content
+                </JSX>
+
+              <JSX>
+                content
+              </JSX>
+          </JSX>
+        </JSX>
+    </JSX>
+
+  <JSX>
+    <JSX>
+      content
+    </JSX>
+  </JSX>
+</JSX>
+`
+    equal(source, source)
+  })
 })
 
 /**