react-google-autocomplete only works after refresh - google-maps

Question

I made a "Profile" page to show address, zip code, latitude and longitude when user enters(and select) an address by using react-google-autocomplete module.
When a user starts to enter address name, some full addresses are displayed down below.
After selecting one of them, I can get enough information about the address.
But the problem is that it doesn't work at first but works after refreshing the page.
Again...
I open localhost:3000 and move to localhost:3000/profile page by clicking a navbar button.
Then it doesn't work with this error "Google maps places API must be loaded."
And after refreshing the page(F5) it works properly.
I can't find a way to solve this error. Please help me!
//////////////////////
-Parent
<Grid item xs={12} sm={12}>
<MapInput form={form} setForm={setForm} />
</Grid>
///////////////////////
import { usePlacesWidget } from "react-google-autocomplete";
import React from "react";
export default ({form, setForm}) => {
const { ref } = usePlacesWidget({
apiKey: process.env.REACT_APP_GOOGLE_API_KEY,
onPlaceSelected: (place) => {
const address = place.formatted_address;
let city, state, country, zipcode;
for (let i = 0; i < place.address_components.length; i++) {
for (let j = 0; j < place.address_components[i].types.length; j++) {
switch (place.address_components[i].types[j]) {
case "locality":
city = place.address_components[i].long_name;
break;
case "administrative_area_level_1":
state = place.address_components[i].long_name;
break;
case "country":
country = place.address_components[i].long_name;
break;
case "postal_code":
zipcode = place.address_components[i].long_name;
break;
}
}
}
setForm({...form, s_address: address, s_city: city, s_state: state, s_country: country, s_zipcode: zipcode, lat: place.geometry.location.lat(), lng: place.geometry.location.lng()});
},
options: {
types: ["(regions)"],
// componentRestrictions: { country: "ru" },
},
});
return <input ref={ref} style={{
width: "100%",
padding: "18.5px 14px",
margin: "20px 0px",
font: "inherit",
color: "grey"
}} defaultValue={form?.s_address} />;
};