src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import ReactQueryProviders from '@/providers/ReactQueryProvider'
 import PopupController from '@/components/ui/PopupController'
 import '@/styles/style.scss'
+import { headers } from 'next/headers'
 import type { ReactNode } from 'react'
 
 export const metadata: Metadata = {

src/components/popup/ZipCodePopup.tsx

@@ -26,7 +26,7 @@ export default function ZipCodePopup() {
                   </div>
                   <div className="modal-name">住所検索</div>
                 </div>
-                <button className="modal-close" onClick={() => popupController.setZipCodePopup(false)}></button>
+                <button className="modal-close" onClick={() => popupController.setZipCodePopup({ zipCodePopup: false })}></button>
               </div>
             </div>
             <div className="modal-body">