Perf improvements and billing updates

packages/billing-gateway/src/components/embedded-checkout.tsx

@@ -15,10 +15,22 @@ export function EmbeddedCheckout(
     provider: BillingProvider;
     onClose?: () => void;
   }>,
+) {
+  return (
+    <LazyCheckout onClose={props.onClose} checkoutToken={props.checkoutToken} />
+  );
+}
+
+function LazyCheckout(
+  props: React.PropsWithChildren<{
+    checkoutToken: string;
+    provider: BillingProvider;
+    onClose?: () => void;
+  }>,
 ) {
   const CheckoutComponent = useMemo(
     () => memo(loadCheckoutComponent(props.provider)),
-    [],
+    [props.provider],
   );
 
   return (
@@ -69,7 +81,7 @@ function buildLazyComponent<
 ) {
   let LoadedComponent: ReturnType<typeof lazy> | null = null;
 
-  const LazyComponent = forwardRef((props, ref) => {
+  const LazyComponent = forwardRef(function LazyDynamicComponent(props, ref) {
     if (!LoadedComponent) {
       LoadedComponent = lazy(load);
     }