feat: added typescript types

example/src/App.jsx

@@ -10,8 +10,8 @@ export default function App() {
       <table>
         <thead style={{ fontWeight: 'bold' }}>
           <td>Name</td>
-          <td>Capital</td>
           <td>Emoji</td>
+          <td>Capital</td>
           <td>Area</td>
           <td>Population</td>
           <td>
@@ -21,6 +21,7 @@ export default function App() {
             <pre>.svg</pre>
           </td>
           <td>Country Calling Code</td>
+          <td>ISO Country Code</td>
           <td>Postal Code</td>
         </thead>
         {countries.map((c) => (
@@ -37,6 +38,7 @@ export default function App() {
               <img width={'20'} src={c.flags.svg} />
             </td>
             <td>{c.countryCallingCode}</td>
+            <td>{c.isoCountryCode}</td>
             <td>{JSON.stringify(c.postalCode)}</td>
           </tr>
         ))}

package.json

@@ -1,13 +1,14 @@
 {
   "name": "use-react-countries",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A tiny fully customizable react hook which gives you full list of countries with their flags, emojis and descriptions",
   "author": "vre2h",
   "license": "MIT",
   "repository": "vre2h/use-react-countries",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
+  "types": "src/index.d.ts",
   "engines": {
     "node": ">=8",
     "npm": ">=5"
@@ -67,6 +68,7 @@
     "rollup-plugin-commonjs": "^9.2.0",
     "rollup-plugin-node-resolve": "^4.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-url": "^2.1.0"
+    "rollup-plugin-url": "^2.1.0",
+    "typescript": "^3.9.10"
   }
 }