Upon updating the json payload for Bubble Bubble that ships with clip-navigator I discovered two problems:

  • The json is bundled with the build
  • The build doesn’t work with node 18

Considering a package-lock.json drop and re-install didn’t work, an upgrade dependencies was in order. This included:

  • CRA v4 🤢 -> vite v4
  • React v17 -> React v18
  • Material UI v4 > mui v5

mui doesn’t support makeStyles any more however tss-react is very similar and quite simple to migrate with the associated Codemod.