📝 added list of sites + typo

Author: harshzalavadiya

README.md

@@ -8,7 +8,7 @@ Tiny [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/
 
 [![Edit react-web-share](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-web-share-46skt?fontsize=14&hidenavigation=1&theme=dark)
 
-> 💡 most browsers will restrict web share api only to https websites
+> 💡 most browsers restricts web share api only to https websites
 
 ## ✨ Features
 
@@ -60,10 +60,21 @@ export default Example;
 
 ## 👀 Props
 
-| Prop      | Description  | Type                 | Default                                       |
-| --------- | ------------ | -------------------- | --------------------------------------------- |
-| `data`    | Share Object | `{text, url, title}` | `{text: "", url: currentURL, title: "Share"}` |
-| `options` | sites        | `string[]`           | all available social sites                    |
+| Prop    | Description  | Type                 | Default                                       |
+| ------- | ------------ | -------------------- | --------------------------------------------- |
+| `data`  | Share Object | `{text, url, title}` | `{text: "", url: currentURL, title: "Share"}` |
+| `sites` | sites        | `string[]`           | all platforms (see list below for key list)   |
+
+## 🌎 Sites
+
+- facebook
+- twitter
+- whatsapp
+- reddit
+- telegram
+- linkedin
+- mail
+- copy (Copy to Clipboard)
 
 ## 🤠 Credits
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-web-share",
   "author": "Harsh Zalavadiya",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "license": "MIT",
   "repository": "harshzalavadiya/react-web-share",
   "module": "dist/react-web-share.esm.js",
@@ -28,25 +28,25 @@
   },
   "devDependencies": {
     "@ampproject/filesize": "^4.2.0",
-    "@babel/core": "^7.9.0",
-    "@storybook/addon-actions": "^5.3.18",
-    "@storybook/addon-docs": "^5.3.18",
-    "@storybook/addon-info": "^5.3.18",
-    "@storybook/addon-links": "^5.3.18",
-    "@storybook/addons": "^5.3.18",
-    "@storybook/react": "^5.3.18",
-    "@types/react": "^16.9.34",
-    "@types/react-dom": "^16.9.7",
+    "@babel/core": "^7.9.6",
+    "@storybook/addon-actions": "^5.3.19",
+    "@storybook/addon-docs": "^5.3.19",
+    "@storybook/addon-info": "^5.3.19",
+    "@storybook/addon-links": "^5.3.19",
+    "@storybook/addons": "^5.3.19",
+    "@storybook/react": "^5.3.19",
+    "@types/react": "^16.9.35",
+    "@types/react-dom": "^16.9.8",
     "babel-loader": "^8.1.0",
     "husky": "^4.2.5",
     "react": "^16.13.1",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^16.13.1",
     "react-is": "^16.13.1",
-    "ts-loader": "^7.0.1",
+    "ts-loader": "^7.0.5",
     "tsdx": "^0.13.2",
-    "tslib": "^1.11.1",
-    "typescript": "^3.8.3"
+    "tslib": "^2.0.0",
+    "typescript": "^3.9.3"
   },
   "husky": {
     "hooks": {

src/components/portal.tsx

@@ -1,7 +1,8 @@
+import React, { ReactPortal } from "react";
 import { useEffect } from "react";
 import { createPortal } from "react-dom";
 
-export default function Portal({ children }) {
+const PortalComponent: React.FC = ({ children }): ReactPortal => {
   const el = document.createElement("div");
 
   useEffect(() => {
@@ -12,4 +13,6 @@ export default function Portal({ children }) {
   }, [el]);
 
   return createPortal(children, el);
-}
+};
+
+export default PortalComponent;