Cannot load Popup for any method due to "X-Frame-Options' to 'sameorigin'" Error

[HassanAtWecrunch]

Hi, While trying your Paystack button i just cannot open Paystack Popup. Already Tried:

1. Incognito Mode.
2. Extensions removal
3. Different Browsers.

All of them give the same error in console :

chromewebdata/:1 Refused to display 'https://checkout.paystack.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

My setup is:

{ "name": "mosaic-react", "version": "0.1.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview" }, "dependencies": { "@aws-sdk/client-s3": "^3.509.0", "@aws-sdk/lib-storage": "^3.509.0", "@fortawesome/free-solid-svg-icons": "^6.6.0", "@fortawesome/react-fontawesome": "^0.2.2", "@heroicons/react": "^2.1.1", "@ionic/react": "^8.3.0", "@paystack/inline-js": "^2.22.1", "@ramonak/react-progress-bar": "^5.2.0", "@tailwindcss/forms": "^0.5.7", "axios": "^1.6.8", "chart.js": "^4.4.1", "chartjs-adapter-moment": "^1.0.1", "classnames": "^2.5.1", "framer-motion": "^11.5.4", "marked-react": "^2.0.0", "moment": "^2.29.4", "pdf-lib": "^1.17.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-flatpickr": "^3.10.13", "react-i18next": "^14.0.5", "react-icons": "^5.0.1", "react-icons-kit": "^2.0.0", "react-modal-video": "^2.0.1", "react-paystack": "^6.0.0", "react-router-dom": "^6.20.1", "react-scroll": "^1.9.0", "react-toastify": "^10.0.4", "react-transition-group": "^4.4.5", "react-type-animation": "^3.1.0", "web-vitals": "^2.1.4" }, "devDependencies": { "@vitejs/plugin-react": "^4.2.1", "autoprefixer": "^10.4.16", "postcss": "^8.4.32", "tailwindcss": "^3.3.6", "vite": "^5.0.6" } }

Thanks