Тип элемента JSX 'GoogleMapReact' не имеет никакой конструкции или вызова signatures.ts (2604)

Question

Я получаю сообщение об ошибке "Тип элемента JSX 'GoogleMapReact' не имеет никакой конструкции или вызова signatures.ts (2604)" в моем коде TypeScript ниже. Как мне это исправить?

import React, { useState } from "react";
import GoogleMapReact from "google-maps-react";

const AnyReactComponent = ({ text }: any) => <div>{text}</div>;

const SimpleMap = (props: any) => {
  const [center, setCenter] = useState({ lat: 11.0168, lng: 76.9558 });
  const [zoom, setZoom] = useState(11);
  return (
    <div style={{ height: "100vh", width: "100%" }}>
      <GoogleMapReact
        bootstrapURLKeys={{ key: "XXXXXXXXXXXXXXXXXXXX" }}
        defaultCenter={center}
        defaultZoom={zoom}
      >
        <AnyReactComponent lat={11.0168} lng={76.9558} text="My Marker" />
      </GoogleMapReact>
    </div>
  );
};

export default SimpleMap;

Answer 1

Вы импортируете библиотеку google-map s -react , но компонент используется так, как если бы вы использовали google-map-реакции (карта вместо карт) .

Предполагая, что вы хотите использовать google-map-react: удалите зависимость google-maps-react, установите google-map-react и измените импорт в своем коде.