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