Footnote doesn't seem working

[jkim34]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

"remark-gfm": "^3.0.1"

Link to runnable example

No response

Steps to reproduce

Try accessing codesandbox: https://codesandbox.io/s/silent-smoke-8l4m7p?file=/src/app.tsx

• from sandbox, comment out footnote to remove errors, from app.tsx

Or,

Using npm 9.2.0

1. Install "remark-gfm": "^3.0.1"
2. Try adding footnote, such as one below (which is straight from the sample):

## Footnote

A note[^1]

[^1]: Big note.

Expected behavior

Should display footnote.

Actual behavior

• Error from codesandbox, and
• Unexpected CSS behavior from my react local environment when embedded within React container, as shown below:
  

Runtime

Node v14

Package manager

Other (please specify in steps to reproduce)

OS

Windows

Build and bundle tools

Create React App

[Titus]

Hi!

The stackblitz error is a stackblitz error, it sometimes has problems resolving dependencies. In the react-markdown tests, you can see that they work fine.

As for CSS: there is no bug. There’s just your style presenting things as such. You can use different CSS to make it look the way you want. How to use CSS in React is outside of the scope of this project though.

[github-actions]

Hi! This was closed. Team: If this was fixed, please add phase/solved. Otherwise, please add one of the no/* labels.