diff --git a/example/app/app/+html.tsx b/example/app/app/+html.tsx
index a88a856..36009d8 100644
--- a/example/app/app/+html.tsx
+++ b/example/app/app/+html.tsx
@@ -16,12 +16,6 @@ export default function Root({ children }: { children: React.ReactNode }) {
           content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
         />
 
-        {/* This CSP used to control which domain could embed this App. For now, we're using this App in doc site. */}
-        <meta
-          httpEquiv="Content-Security-Policy"
-          content="frame-ancestors 'self' https://app.rn-carousel.dev http://localhost:8002"
-        />
-
         {/*
           Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
           However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
diff --git a/example/app/app/_layout.tsx b/example/app/app/_layout.tsx
index a4d1dbb..d15caa1 100644
--- a/example/app/app/_layout.tsx
+++ b/example/app/app/_layout.tsx
@@ -58,10 +58,19 @@ function RootLayoutNav() {
   const { inDoc } = useInDoc();
 
   useEffect(() => {
+    console.log(
+      {
+        IS_WEB,
+        inDoc,
+      },
+      "====",
+    );
     if (IS_WEB && inDoc) {
       window.addEventListener("load", () => {
+        console.log("events called!");
         const carouselComponent = document.getElementById("carousel-component");
-
+        console.log("carouselComponent exists!");
+        console.log(carouselComponent);
         if (carouselComponent) {
           console.log(carouselComponent.offsetHeight);
           window.parent.postMessage(