class型コンポーネントをexportしてもobjectとしてimportされる

やりたいこと

Reactのcomponentをnpmにnode_moduleとして公開したいです。

起きたこと

webpackで出来たものをbundleして、それをimportしてもobjectとしてimportされエラーが起きる。ローカルサーバーで建てたときはうまくimportできました。
出てくるエラーはこんな感じです。
エラーの内容を見てもどこがミスっててるのかがいまいちわかりません。
皆さんの知見をお貸しください。

コード

index.tsx(bundleするComponent)

import React from 'react'
interface(以下略)
export default class App extends React.Component<Props,State>{
    render(){
        return(
            <div>
                This is App
            </div>
        )
}

package.json

{
    "name":"test-app",
    (略)
    "main":"lib/bundle.js",
    "scripts":{
        "start":"webpack-dev-server --mode development",
        "build":"webpack --mode production"
    },
    (略)
}

webpack.config.js

const path = require('path');

module.exports = {
    mode:"production",
    entry: path.join(__dirname,"./App.tsx"),
    module: {
        rules: [
            {
                test: /\.ts(x?)$/,
                loader: 'ts-loader',
                exclude: /node_modules|lib/,
            },
            {
                test: /\.js(x?)$/,
                loader:'babel-loader',
                exclude: /node_modules|lib/,
            },
            {
                test: /\.scss$/,
                use:["style-loader","css-loader","sass-loader"]
            },
            {
                test: /\.css$/,
                use:["style-loader","css-loader"]
            }
        ]
    },
    resolve: {
        modules: ["node_modules"],
        extensions: ['.js','.jsx','.ts','.tsx']
    },
    output: {
        path: path.join(__dirname,"./lib/"),
        filename: "bundle.js"
    }
}

index.js(node_moduleをimportする側)

import React from 'react'

import App from 'test-app'

interface(略)

export default class Test extends React.Component <Props,State> {
    render(){
        return(
            <div>
                <App />
            </div>
        )
    }
}

よろしくお願いします！！