ajtransak

import React, { useState } from "react";
import Stack from "@mui/material/Stack";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import { Transak } from "@transak/transak-sdk";
import Pusher from "pusher-js";
import { parseUnits } from "@ethersproject/units";
import { Interface, Logger } from "ethers/lib/utils";
import envConfig from "../config";

ajtransak

import React, { useState } from "react";
import Stack from "@mui/material/Stack";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import { Transak } from "@transak/transak-sdk";
import Pusher from "pusher-js";
import envConfig from "../config";

let pusher = new Pusher("1d9ffac87de599c61283", { cluster: "ap2" });

ajtransak

import React, { useState } from "react";
import Stack from "@mui/material/Stack";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import { Transak } from "@transak/transak-sdk";
import Pusher from "pusher-js";
import envConfig from "../config";

let pusher = new Pusher("1d9ffac87de599c61283", { cluster: "ap2" });

ajtransak

import { useEffect, useState } from "react";
import Stack from "@mui/material/Stack";
import Box from "@mui/material/Box";
import { Transak } from "@transak/transak-sdk";
import config from "../config";

export default function PaymentAuthorizationTransakSDK() {
  const [isPaymentAuthorized, setPaymentAuthorized] = useState(false);

  useEffect(() => {

ajtransak

import React, { useEffect } from "react";
import { Transak } from "@transak/transak-sdk";
import Stack from "@mui/material/Stack";
import Box from "@mui/material/Box";
import config from "../config";

// add the following lines to your css file to target the Transak Widget Container
// #transakMount {
//   height: 650px;
//   width: 400px;