Fix interface of useBridge

Author: inokawa

README.md

@@ -160,7 +160,7 @@ const App = () => {
   // useBridge hook create props for WebView and handle communication
   // 1st argument is the source code of React app
   // 2nd argument is callback to receive message from React
-  const { ref, source, onMessage, emit } = useBridge(webApp, (message) => {
+  const { ref, onMessage, emit } = useBridge((message) => {
     // emit sends message to React
     //   type: event name
     //   data: some data which will be serialized by JSON.stringify
@@ -173,7 +173,7 @@ const App = () => {
     <WebView
       // ref, source and onMessage must be passed to react-native-webview
       ref={ref}
-      source={source}
+      source={{ html: webApp }}
       onMessage={onMessage}
     />
   );

src/bridge.ts

@@ -3,17 +3,8 @@ import WebView, { WebViewProps } from "react-native-webview";
 import { EVENT_KEY } from "./common";
 import { Message } from "./types";
 
-export const useBridge = <T>(
-  app: string,
-  onSubscribe: (message: Message<T>) => void
-) => {
+export const useBridge = <T>(onSubscribe: (message: Message<T>) => void) => {
   const ref = useRef<WebView>(null);
-  const source = useMemo(
-    () => ({
-      html: app,
-    }),
-    [app]
-  );
   const onMessage: WebViewProps["onMessage"] = useCallback(
     (event: any) => {
       try {
@@ -42,5 +33,5 @@ return true;
     },
     [ref]
   );
-  return { ref, source, onMessage, emit };
+  return { ref, onMessage, emit };
 };