TypeError: Object(...) is not a function (React)

Question

I was following a tutorial on how to add google maps to a react/expo javascript project. I am new to the javascript language and have had a bug that I cannot find an answer to. when compiling the app I am given the error "TypeError: Object(...) is not a function". here is the link to the tutorial: https://www.youtube.com/watch?v=WZcxJGmLbSo&t. Thank you.

The error is on the line 25 of the script:

22 | 
  23 | 
  24 | }
> 25 | export default function App() {
  26 |   const {isLoaded, LoadError} = UseLoadScript({
  27 |     googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
  28 |     libraries,```

Full script:

import React from 'react';

import {
  GoogleMap,
  UseLoadScript,
  Marker,
  InfoWindow,

} from "@react-google-maps/api";

const libraries = ["places"];
const mapContainerStyle = {
  width: "100vw",
  height: "100vh",

};

const center = {
  lat: 43.653225,
  lng: -79.383186


}
export default function App() {
  const {isLoaded, LoadError} = UseLoadScript({
    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
    libraries,
  });
   
  
  if (LoadError) return "Error Loading maps";
  if (!isLoaded) return "Loading Maps";

  return <div> 

    <GoogleMap> 
      mapContainerStyle={mapContainerStyle} 
      zoom={8}
      center={center}
      </GoogleMap>
  </div>
  
}

Naren · Accepted Answer · 2020-12-24 04:23:08Z

1

I think your import(UseLoadScript) is wrong. Check here once useLoadScript

import { useLoadScript } from '@react-google-maps/api';

edited Dec 24, 2020 at 4:23

answered Dec 24, 2020 at 4:21

Naren

4,5293 gold badges20 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

setting · Accepted Answer · 2022-04-24 10:30:20Z

0

I solve similar problem by upgrading React to v16.8+ to support the usage of hooks.

answered Apr 24, 2022 at 10:30

setting

651 silver badge6 bronze badges

Collectives™ on Stack Overflow

TypeError: Object(...) is not a function (React)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related