From c0f13f8856946f5be571a984718c6468bfc44db0 Mon Sep 17 00:00:00 2001
From: Rowan Cockett <rowanc1@gmail.com>
Date: Tue, 9 May 2023 11:40:16 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=A3=20Use=20provided=20renderers=20in?=
 =?UTF-8?q?=20footnotes=20(#72)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/silly-baboons-scream.md       | 5 +++++
 packages/myst-to-react/src/footnotes.tsx | 9 +++++----
 2 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/silly-baboons-scream.md

diff --git a/.changeset/silly-baboons-scream.md b/.changeset/silly-baboons-scream.md
new file mode 100644
index 000000000..d5ff347f8
--- /dev/null
+++ b/.changeset/silly-baboons-scream.md
@@ -0,0 +1,5 @@
+---
+'myst-to-react': patch
+---
+
+Use renderers in footnote provider
diff --git a/packages/myst-to-react/src/footnotes.tsx b/packages/myst-to-react/src/footnotes.tsx
index 3f0838bd6..cb77c0589 100644
--- a/packages/myst-to-react/src/footnotes.tsx
+++ b/packages/myst-to-react/src/footnotes.tsx
@@ -1,17 +1,18 @@
 import type { GenericParent } from 'myst-common';
 import type { NodeRenderer } from '@myst-theme/providers';
-import { useReferences } from '@myst-theme/providers';
+import { XRefProvider, useNodeRenderers, useReferences } from '@myst-theme/providers';
 import { useParse } from '.';
 import { ClickPopover } from './components/ClickPopover';
 import { select } from 'unist-util-select';
 
-export function FootnoteDefinition({ identifier }: { identifier: string }) {
+function FootnoteDefinition({ identifier }: { identifier: string }) {
   const references = useReferences();
+  const renderers = useNodeRenderers();
   const node =
     (references as any)?.footnotes?.[identifier] ??
     select(`footnoteDefinition[identifier=${identifier}]`, references?.article);
-  const children = useParse(node as GenericParent);
-  return <>{children}</>;
+  const children = useParse(node as GenericParent, renderers);
+  return <XRefProvider>{children}</XRefProvider>;
 }
 
 export const FootnoteReference: NodeRenderer = (node) => {