Can't use any animation library (thus far) with React Router 7.7.1 or 7.8.1

[kimthompson]

Reproduction

Reproduction: https://github.com/kimthompson/no-animations-for-react-router

This all started when I tried to import a simple carousel library into a newly spun-up React Router app. I kept getting crashes like this, either immediately upon hot reloading or sometimes after attempting a refresh:

I dug deeper, at first figuring it must have been the Carousel library's fault or that I must be doing something wrong. I decided to try a few others. They all crashed in a similar way, so as a last-ditch effort I decided to try to use GSAP directly. I worked until I determined for certain that even the most minimal example they have will not run on React Router v7.

I'm baffled. Apologies in advance if I'm missing something obvious because it's late.

System Info

See the GitHub Codespace. Though they automatically used `npm` to install instead of `pnpm` like I would have preferred, the same exact behavior happened.

Used Package Manager

pnpm

Expected Behavior

I should see the pink square spin when it is clicked.

Actual Behavior

The page won't even render before it crashes.

[brophdawg11]

Looks like it's not a default export - this works:

import { gsap } from "gsap";