aris-paskalov

А после разрешения конфликтов ты завершил сбойнувший pull? Изменения то подтянулись в рабочий каталог, но надо бы ещё сам коммит слияния зафиксировать.
Что-то вроде:
git merge --continue

Переключиться в ветку master и выполнить команду git merge update.

В таком случае просто по порядку бери:

data.map((elem, i) => <Component data={elem} key={i}/>)

Чтоб пакеты грузились из node_modules по имени, скрипт надо запускать в node(т.е. на сервере), либо собирать его сборщиком(который сам заберёт по имени и запакует в скрипт).
Если же хочешь использовать их напрямую в браузере через type moule - придётся тебе руками явно указывать конкретные пути до конкретных фалов скрипта. package.json и всё что с ним связано - это экосистема node. Из-за удобства и универсальности она принята за стандарт для всей разработки фронта, но браузер об этом ничего не знает.

Поставьте https://www.npmjs.com/package/googleapis через npm/yarn/etc.
Пропишите "googleapis" в массив types в tsconfig.json

Объект есть, нет его типов.
npm i -D @types/google.maps
Это указано первой же строчкой в документации.

Понятно, что читать спецификацию (+, parseInt) вы вряд ли будете, раз не смогли отличия хотя бы погуглить, так что вот вам несколько примеров разницы, а дальше думайте сами, где что использовать:

parseInt('1!!!') // 1
+'1!!!' // NaN


parseInt('') // NaN
+'' // 0


parseInt('3.14159') // 3
+'3.14159' // 3.14159


parseInt('0b1000101') // 0
+'0b1000101' // 69


parseInt('0o273') // 0
+'0o273' // 187


parseInt({ valueOf: () => 666 }) // NaN
+({ valueOf: () => 666 }) // 666


parseInt('1000000000', 2) // 512
+'1000000000' // 1000000000


parseInt('99', 8) // NaN
+'99' // 99


parseInt('DEAD', 16) // 57005
+'DEAD' // NaN