Как использовать один импорт во многих файлах и классах в reactjs

Question

У меня проблема, мой пакет. js Файл после сборки довольно большой, я думаю, потому что я импортирую одни и те же вещи во все мои файлы, например: SomeComponent. js

import React from 'react';
import Navbar100 from '../Navbar/Navbar100';
import {Container, Row, Col, Button, Form, FormGroup, Label, Input, FormText } from 'reactstrap';
import {NotificationContainer, NotificationManager} from 'react-notifications';
import 'react-notifications/lib/notifications.css';
import Footer from '../footer'

export default class InfoNav extends React.Component {
// some code
}

AnotherComponent. js

import React from 'react';
import { Container, Row, Col } from 'reactstrap';
import { Button, Form, FormGroup, Label, Input, FormText } from 'reactstrap';
import {NotificationContainer, NotificationManager} from 'react-notifications';
import 'react-notifications/lib/notifications.css';

export default class User extends React.Component {
// some code
}

В этих 2 файлах я импортирую те же самые вещи из реактивной ленты, я также импортирую Реакт из реакции, что является наилучшей практикой? Мой пакет. js файл после сборки теперь составляет 1,3 Мб, он довольно высокий