Non-Breaking Dependency Updates of 2024 (Q1)

[lauslim12]

It's always nice to update dependencies once in a while.

Updates

• yarn upgrade-interactive --latest to upgrade all dependencies. Take note of the breaking changes.
• PWA needs to use a new library called serwist. next-pwa is sadly no longer maintained and it crashes with Next.js 14.
• Audit and update all of the GitHub Actions uses to use the new versions.
• Utilize .node_version in the root folder of the project to make sure that everything works with the latest version of Node.js.
• Perhaps also change next.config.js to next.config.mjs so we can use the new cool syntaxes.
• Change next dev to next dev --turbo for Turbopack support 🚀
• Update Browserslist: caniuse-lite.
• Update Node.js to use version 20.

Breaking Changes

As of April 21, 2024, I tried to execute this and stumbled upon several breaking changes.

• jest stopped working because of problems with module name mapper and ES modules. It always throws an error because of a mix between ES Modules and CommonJS modules.
• eslint breaks. After further checks, this seems to happen as it's related to ESLint version 9 and eslint-config-next.

Readjusted Scope

As it turns out to be harder than anticipated, this will be separated into parts. The first part (this issue) will tackle the non-breaking changes and the ones that are not complicated. The second part (or probably more parts) will tackle the more challenging parts or parts that are blocked / not possible for now.