Fix live code preview iframe source in prod (#3386)

Author: ethanshar

docuilib/docusaurus.config.js

@@ -17,10 +17,6 @@ const darkCodeTheme = themes.dracula;
     projectName: 'react-native-ui-lib', // Usually your repo name.
     trailingSlash: false,
     customFields: {
-      livePreviewSource:
-        process.env.NODE_ENV === 'development'
-          ? 'http://localhost:3000/react-native-ui-lib/livePreview'
-          : 'https://wix.github.io/react-native-ui-lib/livePreview',
       docsMainEntry: 'getting-started/setup',
       expoSnackLink: 'https://snack.expo.io/@ethanshar/rnuilib_snack',
       stars: '4.7'

docuilib/src/components/UILivePreview.tsx

@@ -12,7 +12,7 @@ export default function UILivePreview({code: codeProp}) {
   const [iframeLoaded, setIframeLoaded] = useState(false);
   const {siteConfig} = useDocusaurusContext();
   const iframeRef = useRef(null);
-  const iframeSource = siteConfig?.customFields?.livePreviewSource as string;
+  const iframeSource = `${window.location.origin}${siteConfig?.baseUrl}livePreview`;
 
   useEffect(() => {
     if (iframeLoaded) {