How to start supporting import?

Question

React

Good evening. Help with the assembly, everything seems to be running through the file, but the type imports do not work
import { render } from './blocks/App/App';
It seems that I understand which preset or settings are missing, the paths to the components are correct (I checked several times)
here is an example of the config

webpack: {
            name: target,
            entry: join(src, target + '.tsx'),
            devtool: IS_DEVELOPMENT ? 'cheap-module-eval-source-map' : false,
            mode: NODE_ENV,
            watch: IS_DEVELOPMENT,

            output: {
                path: dist,
                filename: name,
                chunkFilename: name,
                publicPath
            },

            stats: {
                entrypoints: true
            },

            resolve: {
                modules: [
                    'node_modules',
                    'src'
                ]
            },

            module: {
                rules: [
                    {
                        test: /\.tsx|.js$/,
                        exclude: /node_modules/,
                        use: {
                            loader: 'babel-loader',
                            options: {
                                presets: [
                                    '@babel/preset-env',
                                    '@babel/preset-react'
                                ],
                                plugins: [
                                    '@babel/plugin-transform-runtime'
                                ]
                            }
                        }
                    }
                ]
            },

            plugins: [
                new webpack.DefinePlugin({
                    IS_SERVER: JSON.stringify(IS_SERVER),
                    IS_CLIENT: JSON.stringify(IS_CLIENT),
                    'typeof window': JSON.stringify(IS_CLIENT ? 'object' : 'undefined')
                }),

                new webpack.NoEmitOnErrorsPlugin(),

                ...(IS_DEVELOPMENT ? [] : [
                    new UglifyJSPlugin()
                ])
            ]
        }

The component itself is

import * as React from 'react';
import Paper from '../../common.blocks/Paper/Paper';

export default function render() {
    return <Paper>asd</Paper>
}

Answer 1

You should always accurately specify all the necessary technologies in extensions

Answer 2

import render from './blocks/App/App';
https://habr.com/post/267639/