added use api

Author: seeden

src/hooks/useApi.js

@@ -0,0 +1,19 @@
+// @flow
+import { useContext, useState } from 'react';
+import FacebookContext from '../FacebookContext';
+
+export default (onReady?: Function) => {
+  const {
+    handleInit,
+    api,
+  } = useContext(FacebookContext);
+
+  useState(async () => {
+    const api2 = await handleInit();
+    if (onReady) {
+      onReady(api2);
+    }
+  });
+
+  return [api, handleInit];
+};

src/hooks/useShare.js

@@ -1,12 +1,11 @@
 // @flow
-import { useContext } from 'react';
 import clearUndefinedProperties from '../utils/clearUndefinedProperties';
-import FacebookContext from '../FacebookContext';
+import useApi from './useApi';
 
 export default () => {
-  const { api } = useContext(FacebookContext);
+  const [, prepareApi] = useApi();
 
-  function handleShare(options: Object) {
+  async function handleShare(options: Object) {
     const {
       href,
       display,
@@ -17,6 +16,8 @@ export default () => {
       ...rest
     } = options;
 
+    const api = await prepareApi();
+
     return api.ui(clearUndefinedProperties({
       method: 'share',
       href,

src/index.js

@@ -41,3 +41,4 @@ export Fields from './constants/Fields';
 export FacebookContext from './FacebookContext';
 
 export useShare from './hooks/useShare';
+export useApi from './hooks/useApi';