Fix listener is overridden

src/components/posts/ModerationProvider.tsx

@@ -14,7 +14,7 @@ export default function ModerationProvider({ children }: { children: ReactNode }
   const iframeRef = useRef<HTMLIFrameElement | null>(null)
 
   useEffect(() => {
-    window.onmessage = event => {
+    const listener = (event: MessageEvent<any>) => {
       const message = parseGrillMessage(event.data + '')
       if (!message) return
 
@@ -23,6 +23,8 @@ export default function ModerationProvider({ children }: { children: ReactNode }
         setIsOpenModal(false)
       }
     }
+    window.addEventListener('message', listener)
+    return () => window.removeEventListener('message', listener)
   }, [])
 
   const value = useMemo(() => {

src/components/profile-selector/MyAccountMenu.tsx

@@ -1,5 +1,6 @@
 import { useRouter } from 'next/router'
 import React, { createContext, FC, useContext, useEffect, useRef, useState } from 'react'
+import { isDevMode } from 'src/config/env'
 import { parseGrillMessage } from 'src/utils/iframe'
 import { getCurrentUrlOrigin } from 'src/utils/url'
 import { InfoDetails } from '../profiles/address-views'
@@ -73,7 +74,7 @@ export const AccountMenu: React.FunctionComponent<AddressProps> = ({ address, ow
   const router = useRouter()
 
   useEffect(() => {
-    window.onmessage = event => {
+    function listener(event: MessageEvent<any>) {
       const message = parseGrillMessage(event.data + '')
       if (!message) return
 
@@ -89,11 +90,10 @@ export const AccountMenu: React.FunctionComponent<AddressProps> = ({ address, ow
         setIsOpenProfileModal(false)
       }
     }
+    window.addEventListener('message', listener)
+    return () => window.removeEventListener('message', listener)
   }, [])
 
-  const origin = getCurrentUrlOrigin()
-  const isDevMode = origin.includes('localhost')
-
   return (
     <span
       onClick={() => {