Index.Ts:18 It looks like you're using the development build of

the Firebase JS SDK.
When deploying Firebase apps to production, it is advisable to only import
the individual SDK components you intend to use.

For the module builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

CommonJS Modules:
const firebase = require('firebase/app');
require('firebase/<PACKAGE>');

ES Modules:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

Typescript:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

./node_modules/firebase/dist/index.esm.js @ index.ts:18
webpack_require @ bootstrap:856
fn @ bootstrap:150
(anonymous) @ Post.js:26
./src/firebase.js @ firebase.js:21
webpack_require @ bootstrap:856
fn @ bootstrap:150
(anonymous) @ App.css?dde5:82
./src/App.js @ App.js:38
webpack_require @ bootstrap:856
fn @ bootstrap:150
(anonymous) @ index.css?bb0a:82
./src/index.js @ index.js:18
webpack_require @ bootstrap:856
fn @ bootstrap:150
1 @ reportWebVitals.js:14
webpack_require @ bootstrap:856
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.chunk.js:1
webpackHotDevClient.js:138 src/App.js
Line 17:7: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text

src/Post.js
Line 16:13: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text

src/firebase.js
Line 3:7: 'firebaseApp' is assigned a value but never used no-unused-vars
printWarnings @ webpackHotDevClient.js:138
handleWarnings @ webpackHotDevClient.js:143
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:210
localhost/:1 Failed to decode downloaded font: http://localhost:3001/fonts/Roboto-Regular.ttf
localhost/:1 OTS parsing error: invalid version tag

он просит меня импортировать каждый модуль отдельно?