React-markdown: Error: Renderer for type `footnoteReference` not defined or is not renderable

[mwaeckerlin]

When I enable footnotes with:

                      parserOptions={{
                        footnotes: true
                      }}

Then enter [^1] into the source, it crashes with:

Error: Renderer for type `footnoteReference` not defined or is not renderable

[kingbrendann]

I just ran into the same issue.

[Andrewjeska]

Also having the same issue, are footnotes simply not supported?

[ChristianMurphy]

footnotes are supported through a remark plugin https://github.com/remarkjs/remark-footnotes, add the plugin and you should be able to handle footnotes

[nephlin7]

@charlex, I added the plugin but I don't get the expected behavior.

Did I miss something?

const ReactMarkdown = require("react-markdown")
const footnotes = require('remark-footnotes')

<ReactMarkdown
      plugins={[[footnotes, { inlineNotes: true }]]}
      source={source}
      escapeHtml={false}
    />

Result:

[wooorm]

@nephlin7 https://github.com/remarkjs/react-markdown/issues/470

[laem]

Hi,
I'm getting the same error as above.

Renderer for typefootnoteReferencenot defined or is not renderable

Using react-markdown version 5.0.3 and remark-footnotes version 3.0.0.

With this code :

<ReactMarkdown children={'My markdown'} plugins={[remarkFootnotes]} />

I couldn't see how #470 solves this.

Also tried with remark-footnotes v2.0.0.

[ChristianMurphy]

@laem this issue is specific to remark 12, what you're seeing appears to be with remark 13, and as such should probably be it's own question, react-markdown as a forum for asking questions here: https://github.com/remarkjs/remark/discussions

[laem]

Thanks, this one seems to handle the issue : https://github.com/remarkjs/remark/discussions/554