открой доку и сделай как там

Да-да, я это уяснил.

забудь вообще о методах взаимодействия с дом, если работаешь с реакт.
я про createElement, appendChild, querySelector и т.д.

const ul = () => <ul />
или
const ul = ({children}) => <ul>{children}</ul>

🧐

Стоит только в чём-то освоиться, как приходит момент и надо перестраивать мышление на иной лад. 😢

Это и значит быть программистом.
Извини за резкость

Вам стоит поучиться тактичности и быть терпимее к другим людям.  

На счёт программиста солидарен

li у тебя функция, а не нод елемент в apendChild

ref: негодует

часто используешь ref и createElement/appendChild?

Реф не для этого был создан (Сообщение выше было шуткой, на тему того, что не упомянули реф как способ взаимодействия с домом в реакте, если вдруг кто-то не понял)

Может кто подсказать по типизации?

export interface Pair {
    [key: string]: string;
}

export interface Car {
    id: string
    model: string
    brand: string
    year: number
    normalized_number: string
    number: string
    preview: string
    color: string
    colorCode: string
    amenitiesJson: Pair[]
    categoriesJson: Pair[]
    registration_cert: string
    status: string
    vin: string
    isRentable: boolean,
    mileage: number
}

Проблема с полями
amenitiesJson и categoriesJson
Задумка в том, чтобы сделать эти поля массивом объектов key-value

(С апи прилетает объект, у которого могут быть сотни разных ключей, и просто описать их все не представляется возможным, т.к. они могут добавляться)

Собственно, ошибка появляется при вызове объекта по ключу:

                                        {
                                            Object.keys(props.car.amenitiesJson).map(function(key: string) {
                                                return(
                                                    <div className={"car-comfort-item " + key} key={key}>
                                                        <div className="car-comfort-inner">
                                                            <div className="car-comfort-icon" />
                                                            <div className="car-comfort-name">
                                                                {props.car.amenitiesJson[key]}
                                                            </div>
                                                        </div>
                                                    </div>
                                                )
                                            })
                                        }

Ошибка:

TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'.

С апи прилетает что-то такое:

...
categoriesJson: {
    econom: "Эконом",
    comfort: "Комфорт",
    premium_suv: "Премиум",
    express: "Экспресс",
    courier: "Курьер"
},
...

export type Pair = Record<string,string>?

Спасибо большое, проблема решена

Что посоветуете для сокетов? Задача выводить актуальный список и статус "продуктов", отображать список обновлений

Обычные сокеты

Websocket API?

Можно socket io взять

Сокет ио ещё кто-то юзает?