dont use parent location

README.md

@@ -5,11 +5,6 @@ colorFrom: blue
 colorTo: blue
 sdk: static
 app_file: ./dist/index.html
-header: mini
-custom_headers:
-  cross-origin-embedder-policy: unsafe-none
-  cross-origin-opener-policy: same-origin
-  cross-origin-resource-policy: cross-origin
 pinned: false
 license: mit
 ---

src/app.tsx

@@ -64,8 +64,7 @@ export function App(): JSX.Element {
     }
 
     const updateRoute = useCallback(() => {
-        // To make this script work in iframes we have to use `window.top`
-        const url = new URL(window.top.location.href);
+        const url = new URL(window.location.href);
         const route = url.searchParams.get("route");
         if (route && route in routes) {
             _setRoute(route as keyof typeof routes);
@@ -91,17 +90,17 @@ export function App(): JSX.Element {
             updateRoute()
         }
 
-        window.top.addEventListener('popstate', listener);
+        window.addEventListener('popstate', listener);
 
         return () => {
-            window.top.removeEventListener('popstate', listener)
+            window.removeEventListener('popstate', listener)
         }
     }, []);
 
 
     // Update URL params on route change
     const setRoute: RouteSetter = useCallback((route: Route, page?: number, id?: string) => {
-        const url = new URL(window.top.location.href);
+        const url = new URL(window.location.href);
         url.searchParams.set("route", route);
         _setRoute(route);
 
@@ -124,8 +123,8 @@ export function App(): JSX.Element {
         const newUrl = url.toString();
 
         // Avoid to push the same URL mutiple time
-        if (newUrl !== window.top.location.href) {
-            window.top.history.pushState({}, "", newUrl);
+        if (newUrl !== window.location.href) {
+            window.history.pushState({}, "", newUrl);
         }
     }, []);