useGeolocation

import { useGeolocation } from "rooks";
import React from "react";
import { useState } from "react";
 
function App() {
  const geoObj = useGeolocation();
 
  return (
    <div
      className="App"
      style={{
        display: "flex",
        alignItems: "center",
        flexDirection: "column",
      }}
    >
      <h1>Rooks : useGeolocation Example</h1>
      <p>{geoObj && JSON.stringify(geoObj)}</p>
    </div>
  );
}
 
export default App;

import { useGeolocation } from "rooks";
import React from "react";
import { useState } from "react";
 
export default function App() {
  const [when, setWhen] = React.useState(false);
 
  const geoObj = useGeolocation({
    when,
  });
 
  return (
    <div
      className="App"
      style={{
        display: "flex",
        alignItems: "center",
        flexDirection: "column",
      }}
    >
      <h1>Rooks : useGeolocation Example</h1>
      <p>Check out console</p>
 
      <div
        style={{
          display: "flex",
          alignItems: "center",
          flexDirection: "column",
        }}
      >
        <button
          onClick={() => {
            setWhen(true);
          }}
        >
          Get Geolocation
        </button>
        <p>{geoObj && JSON.stringify(geoObj)}</p>
      </div>
    </div>
  );
}

{
  lat?: number;
  lng?: number;
  isError: boolean;
  message: string;
}