Emotion CSS-in-JS ReferenceError: экспорт не определен

Question

Я пытаюсь использовать css prop из библиотеки эмоций в проекте, который я обогнал после другого разработчика. В документации говорится, что одним из способов начать работу с css prop является использование Babel Preset . Я добавил @emotion/babel-preset-css-prop к presets в моем babel.config.js, но я получаю эту очень интересную ошибку. ReferenceError: экспорт не определен .

Мне не удалось найти ни одного потока, который бы ссылался на эту ошибку, связанную непосредственно с emotion library, поэтому я предполагаю, что я что-то не так делаю в базовой настройке babel.

Возможно ли, что использование babel.config.js вместо .babelrc вызовет такую ​​ошибку?

Спасибо, что уделили время!

Вот мой babel.config.js

module.exports = (api) => {
api.cache(false);

return {
    presets: [
    '@emotion/babel-preset-css-prop',
    [
        '@babel/preset-env',
        {
        modules: false,
        loose: true,
        targets: {
            browsers: ['last 2 versions'],
        },
        },
    ],
    '@babel/preset-react',
    ],
    plugins: [
    'react-hot-loader/babel',
    [
        'transform-imports',
        {
        lodash: {
            transform: 'lodash/${member}',
            preventFullImport: true,
        },
        },
    ],
    ['import', { libraryName: 'antd', libraryDirectory: 'lib', style: true }],
    ['@babel/plugin-proposal-class-properties'],
    '@babel/plugin-proposal-async-generator-functions',
    '@babel/plugin-proposal-object-rest-spread',
    '@babel/plugin-transform-modules-commonjs',
    ],
};
};