From c8787865b3519e0e99fae34a915577e68c59af28 Mon Sep 17 00:00:00 2001 From: Luis Orbaiceta <44276180+luisorbaiceta@users.noreply.github.com> Date: Wed, 24 Nov 2021 15:00:33 +0100 Subject: [PATCH] Fix dynamically import Modal component (#539) * fix: dynamically import Modal component fixes error "document is not defined" if the user decides to display a modal at the beginning (for ads, promotions, etc...) * fix: remove spread operator * remove top level modal import * fix import path for Modal Co-authored-by: Gonzalo Pozzo --- components/common/Layout/Layout.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/components/common/Layout/Layout.tsx b/components/common/Layout/Layout.tsx index 2e53bed62..dece18b67 100644 --- a/components/common/Layout/Layout.tsx +++ b/components/common/Layout/Layout.tsx @@ -10,7 +10,7 @@ import type { Category } from '@commerce/types/site' import ShippingView from '@components/checkout/ShippingView' import CartSidebarView from '@components/cart/CartSidebarView' import { useAcceptCookies } from '@lib/hooks/useAcceptCookies' -import { Sidebar, Button, Modal, LoadingDots } from '@components/ui' +import { Sidebar, Button, LoadingDots } from '@components/ui' import PaymentMethodView from '@components/checkout/PaymentMethodView' import CheckoutSidebarView from '@components/checkout/CheckoutSidebarView' @@ -42,6 +42,11 @@ const FeatureBar = dynamic( dynamicProps ) +const Modal = dynamic( + () => import('@components/ui/Modal'), + Object.assign(dynamicProps, {ssr: false}) +) + interface Props { pageProps: { pages?: Page[]