remix, mail sample

mail.tsx

/* mail test */
import { useEffect, useRef, useState } from "react";
import type { MetaFunction, LoaderFunction } from "remix";
import { useLoaderData, Link } from "remix";
import { Form, json, useActionData, redirect } from "remix";
import Config from '../../../config'
import mailer from '../../lib/mailer'

export let meta: MetaFunction = () => {
  return {
    title: "test, mail",
    description: "Welcome to remix!"
  };
};

export async function action({ request }) {
  let formData = await request.formData();
  let to_mail = formData.get("to_mail");
console.log(to_mail);
//console.log(Config);
  const receiverEmailAddress = to_mail;
console.log(Config.SMTP_HOST);
console.log(Config.SMTP_PORT);
console.log(Config.SMTP_AUTH_USER);
console.log(Config.SMTP_AUTH_PASS);
console.log(Config.SEND_MAIL_ADDRESS);
  let transporter = mailer.createTransport({
    host: Config.SMTP_HOST,
    port: Config.SMTP_PORT,
    secure: Config.SMTP_SECURE,
    auth: {
      user: Config.SMTP_AUTH_USER,
      pass: Config.SMTP_AUTH_PASS,
    },
  });
  let info = await transporter.sendMail({
    from: Config.SEND_MAIL_ADDRESS,
    to: receiverEmailAddress,
    subject: "title_1",
    text: "text_sample",
  });
console.log("Message sent: %s", info.messageId);
console.log("Preview URL: %s", mailer.getTestMessageUrl(info));

  return json({ result: 'OK' })
}

export default function Page() {
  let data = useActionData();
  console.log(data);
  const onClick = async function(){
  }
  return (
    <div className="remix__page">
      <main>
        <h2>mail ,test</h2>
        <hr />
        <Form method="post" name="form1" className="remix__form">
        <label>
          <div>to_mail:</div>
          <input type="text" id="to_mail" name="to_mail" className="form-control"  />
          </label>
          <div>
            <button type="submit">Submit</button>
          </div>
        </Form>        
      </main>
    </div>
  );
}

mailer.ts

//  app/lib/mailer.ts

const mailer = require("nodemailer");

export default mailer;