react-pdf/styled-components

webpack 'unsafe-eval'

dima19972525 opened this issue · 0 comments

Hi. I'm trying to use @react-pdf/styled-components but i always get an error (on screenshot)
image

My webpack.config:

const path = require('path');


module.exports = (webpackConfigEnv) => {

    return  {
        entry: path.join(
            __dirname,
            `./src/build.js`
        ),
        output: {
            path: path.join(__dirname, 'build'),
            filename: 'index.js',
            publicPath: '/',
            libraryTarget: "system",
        },
        module: {
            rules: [
                {
                    parser: {
                        system: false,
                    },
                },
                {
                    test: /\.(js|ts)x?$/,
                    exclude: /node_modules/,
                    use: {
                        loader: "babel-loader",
                    },
                },
                {
                    // include: /node_modules/,
                    test: /\.css$/,
                    use: ['style-loader', 'css-loader'],
                },
                {
                    test: /\.s[ac]ss$/i,
                    use: [
                        // Creates `style` nodes from JS strings
                        'style-loader',
                        // Translates CSS into CommonJS
                        'css-loader',
                        // Compiles Sass to CSS
                        'sass-loader',
                    ],
                },
            ],
        },
        externals: ["single-spa", 'react', 'react-dom'],
        resolve: {
            modules: ['node_modules'],
        },
    };
};

.babelrc

{
    "presets": ["@babel/preset-env", "@babel/preset-react"],
    "plugins": [
        "babel-plugin-styled-components",
        "@babel/plugin-proposal-class-properties",
        [
            "@babel/plugin-transform-runtime",
            {
                "useESModules": true,
                "regenerator": false
            }
        ],
    ]
}

Could you help me with this? Thank you in advance.