Error in node creation for @reflexjs/gatsby-theme-doc

Maybe I’m just being impatient to try out an unreleased (?) Gatsby theme, but I get the following error when adding @reflexjs/gatsby-theme-doc to the base starter and adding an example MDX file in content/docs/.

error "@reflexjs/gatsby-theme-doc" threw an error while running the onCreateNode lifecycle:

object null is not iterable (cannot read property Symbol(Symbol.iterator))

  56 |   if (docNode) {
  57 |     const parent = getNode(node.parent)
> 58 |     const [, weight, name] = parent.name.match(/^(\d+)-(.*)/)
     |                              ^
  59 |     actions.createNode({
  60 |       ...docNode,
  61 |       weight: parseInt(weight),


  TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))

  - gatsby-node.js:58 Object.exports.onCreateNode
    [eadocs-reflex]/[@reflexjs]/gatsby-theme-doc/gatsby-node.js:58:30

Also, I don’t see any examples or references to this theme in the docs (as the README.md for the package suggests). If this is still an upcoming feature, that makes perfect sense—and I can’t wait to try it when it’s ready!

[shadcn]

OK I looked into it a bit and created an example here:

Demo: https://reflexjs-product-docs.netlify.app Repo: https://github.com/arshad/reflexjs-product-docs

How it works

Reflexjs has support for additional fields that are passed down from frontmatter to the schema.

1. I created one nav for each doc. See https://github.com/arshad/reflexjs-product-docs/tree/master/content/navs
2. I’m then using additional fields to set the nav name for each product doc.

---
title: Product One
excerpt: This is doc for product one.
nav: doc-product-one
---

1. I updated doc.js and doc-nav.js to accept this nav as prop.

// doc-nav.js
export const DocNav = ({ name, onClick, ...props }) => {
  const [nav] = useNav(name)
}

https://github.com/arshad/reflexjs-product-docs/blob/master/src/%40reflexjs/gatsby-theme-doc/doc-nav.js#L112

// doc.js
<DocNav name={data.nav} onClick={() => setShowMenu(false)} />

https://github.com/arshad/reflexjs-product-docs/blob/e6560305f337f455ce36f3c66b5bb4c0b498cd8d/src/%40reflexjs/gatsby-theme-doc/doc.js#L76

[shadcn]

Yeah. I can take a look at it.

The other themes support subfolders so I think it should be easy to add.