Error: Can't resolve '@react-google-maps/api'

[fixzycode]

Hello campers, please can someone tell why my react google map app is not working even after downloading react-google-maps/api. I’m actually trying to integrate google map with direction(i.e location and destination) into my react app. Thanks

import {
  Box,
  Button,
  ButtonGroup,
  Flex,
  HStack,
  IconButton,
  Input,
  Text,
}  from '@chakra-ui/react'
import { FaLocationArrow, FaTimes } from 'react-icons/fa'
import {useJsApiLoader, GoogleMap} from "@react-google-maps/api"
const center = {lat: 48.8584, lng: 2.2945}

function App() {
  const {isLoaded} =useJsApiLoader({
     googleMapsApiKeys: process.env.REACT_APP_GOOGLE_MAP_API_KEYS
  }) 
  if(!isLoaded){
    return <SkeletonText />
  }
  return (
    <Flex
      position='relative'
      flexDirection='column'
      alignItems='center'     
      h='100vh'
      w='100vw'
    >
      <Box position='absolute' left={0} top={0} h='100%' w='100%'></Box>
          <GoogleMap center={center}>

          </GoogleMap>  
      <Box
        p={4}
        borderRadius='lg'
        mt={4}
        bgColor='white'
        shadow='base'
        minW='container.md'
        zIndex='modal'
      >
        <HStack spacing={4}>
          <Input type='text' placeholder='Origin' />
          <Input type='text' placeholder='Destination' />
          <ButtonGroup>
            <Button colorScheme='pink' type='submit'>
              Calculate Route
            </Button>
            <IconButton
              aria-label='center back'
              icon={<FaTimes />}
              onClick={() => alert(123)}
            />
          </ButtonGroup>
        </HStack>
        <HStack spacing={4} mt={4} justifyContent='space-between'>
          <Text>Distance: </Text>
          <Text>Duration: </Text>
          <IconButton
            aria-label='center back'
            icon={<FaLocationArrow />}
            isRound
            onClick={() => alert(123)}
          />
        </HStack>
      </Box>
    </Flex>
  )
}

export default App

[bappyasif]

did you happen to have looked into this so link by any chance? javascript - Module not found: Can't resolve 'google-maps-react' in 'C:\Users\USUARIO - Stack Overflow

[fixzycode]

Thanks for the link sir, but the solution there seems to be ineffective to my issue. I’m just stoke

[bappyasif]

“ineffective” how so? elaborate more on this, if you would like