CORS Issue When Setting Up Resend with MedusaJS:

[jarmovdh]

I’m running into an issue while setting up the medusa-plugin-resend in my MedusaJS project. The specific error I'm encountering is related to CORS:

No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Hope somebody can help me with this

const requestPasswordReset = useAdminSendResetPasswordToken()

const handleSubmit = async (e: { preventDefault: () => void }) => {
  e.preventDefault()
  setIsLoading(true)

  try {
    // Request password reset token from Medusa
    await requestPasswordReset.mutateAsync({ email })

    await resend.emails.send({
      from: "Your Store <[email protected]>",
      to: email,
      subject: "Reset Your Password",
      html: `
        <p>Hello,</p>
        <p>You have requested to reset your password. Click the link below to set a new password:</p>
        <p><a href="https:url/reset-password?email=${email}">Reset Password</a></p>
        <p>If you didn't request this, you can safely ignore this email.</p>
        <p>Best regards,<br>Your Store Team</p>
      `,
    })

    setMessage(
      "If an account exists with this email, a reset link has been sent."
    )
  } catch (error) {
    console.error("Error:", error)
    setMessage(
      "If an account exists with this email, a reset link has been sent."
    )
  } finally {
    setIsLoading(false)
  }
}`

medusa-config.js

const dotenv = require("dotenv");

let ENV_FILE_NAME = "";
switch (process.env.NODE_ENV) {
  case "production":
    ENV_FILE_NAME = ".env.production";
    break;
  case "staging":
    ENV_FILE_NAME = ".env.staging";
    break;
  case "test":
    ENV_FILE_NAME = ".env.test";
    break;
  case "development":
  default:
    ENV_FILE_NAME = ".env";
    break;
}

try {
  dotenv.config({ path: process.cwd() + "/" + ENV_FILE_NAME });
} catch (e) {}

// CORS when consuming Medusa from admin
const ADMIN_CORS =
  process.env.ADMIN_CORS || "http://localhost:7000,http://localhost:7001";

// CORS to avoid issues when consuming Medusa from a client
const STORE_CORS = process.env.STORE_CORS || "http://localhost:8000";

const DATABASE_URL =
  process.env.DATABASE_URL || "postgres://localhost/medusa-starter-default";

const REDIS_URL = process.env.REDIS_URL || "redis://localhost:6379";

const plugins = [
  `medusa-fulfillment-manual`,
  `medusa-payment-manual`,
  {
    resolve: `@medusajs/file-local`,
    options: {
      upload_dir: "uploads",
    },
  },
  {
    resolve: "@medusajs/admin",
    /** @type {import('@medusajs/admin').PluginOptions} */
    options: {
      autoRebuild: true,
      develop: {
        open: process.env.OPEN_BROWSER !== "false",
      },
    },
  },
  {
    resolve: `medusa-plugin-resend`,
       options: {
          api_key: process.env.RESEND_API_ID,
          from: process.env.RESEN_FROM,
       }
    },
];