babel.config.js

module.exports = (api) => {
    api.cache(true)

    const presets = [
        "@babel/preset-flow",
        "next/babel",
    ]

    const plugins = [
        ["@babel/plugin-proposal-pipeline-operator", { proposal: "minimal" }],
        ["flow-react-proptypes"],
        [
            "module-resolver", {
                alias: {
                    components: "./components",
                    lib: "./lib",
                    pages: "./pages",
                    styles: "./styles",
                },
            },
        ],
        ["wrap-in-js", { extensions: ["scss$"] }],
    ]

    return {
        presets,
        plugins,
    }
}