babel.config.js

module.exports = (api) => {
    const isExtract = api.env("extract");
    const isTest = api.env("test");
    const isStorybook = api.env("storybook");

    const ignore = isTest || isStorybook ? [] : ["**/*.test.ts", "**/*.test.tsx", "src/storybook"];
    const presets = ["next/babel"];
    const plugins = [
        [
            "styled-components",
            {
                ssr: true,
                displayName: true,
            },
        ],
        [
            "react-intl-auto",
            {
                filebase: true,
                includeExportName: "all",
                removePrefix: "src/",
            },
        ],
        isExtract && [
            "react-intl",
            {
                extractFromFormatMessageCall: true,
                messagesDir: "dist/locale/",
            },
        ],
    ].filter(Boolean);

    return {
        ignore,
        plugins,
        presets,
    };
};