npm-get-country

IPInfo - React Context for IP and Location Information

IPInfo is a simple React context for fetching and storing IP and location information of a user. It uses ipify.org to get the user's IP address and ipapi.co to fetch detailed location data.

Features

• Fetches user's IP address and location data
• Stores location data in local storage for faster access
• Automatically refetches data if IP address changes
• Provides a React context to access the fetched information

Usage

1. Wrap your app

1import IPInfo from 'ip-info-react';
2
3function App() {
4  return <IPInfo>{/* Your application components */}</IPInfo>;
5}

2. Use it wherever you want

1import { useContext } from 'react';
2import { IPInfoContext } from 'ip-info-react';
3
4function MyComponent() {
5  const userInfo = useContext(IPInfoContext);
6
7  // Access the fetched data
8  console.log(userInfo.ip);
9  console.log(userInfo.city);
10  console.log(userInfo.country_name);
11
12  return (
13    // Your component JSX
14  );
15}

Data Structure

The userInfo object provided by the IPInfoContext contains the following properties:

1type UserInfo = {
2  ip?: string;
3  network?: string;
4  version?: string;
5  city?: string;
6  region?: string;
7  region_code?: string;
8  country?: string;
9  country_name?: string;
10  country_code?: string;
11  country_code_iso3?: string;
12  country_capital?: string;
13  country_tld?: string;
14  continent_code?: string;
15  in_eu?: boolean;
16  postal?: string;
17  latitude?: number;
18  longitude?: number;
19  timezone?: string;
20  utc_offset?: string;
21  country_calling_code?: string;
22  currency?: string;
23  currency_name?: string;
24  languages?: string;
25  country_area?: number;
26  country_population?: number;
27  asn?: string;
28  org?: string;
29};

Please note that some properties may be undefined if the data is not available.

Dependencies

• React