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

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

просто я вообще не могу понять,не грузит данные с фаербейса.

Пытаясь проитерироваться по массиву через obj in objs столкнулся с тем, что в obj приходит индекс, а не значение массива
Есть ли вариант забрать сразу значение?
А то неудобно каждый раз присваивать
obj = objs[obj]

Не очень знаю джаваскрипт, изучаю по мере выполнения задачи

Лучше for of по массиву

Object.entries

Не думал, что есть отличие

Но спасибо, попробую

оно какбы есть, но какбы его нет

Как называется выпадающий список с поиском, где еще есть поле с поиском, где вводишь первые буквы и в списке отображаются сразу варианты начинающиеся с этих букв?

Или может у кого-то есть тутор, пример, как это реализовать?

ненадо так делать

search box или как-то так поищите. реализуется элементарно

и вообще, сначала ищите или пробуйте сделать хотя бы

хм

"How To Create Autocomplete on an Input Field" https://www.w3schools.com/howto/howto_js_autocomplete.asp

Если что-то типо такого

Для сравнения строк рекомендую minisearch, если данных будет много