Using strings on error handling instead of imports.

.env

@@ -3,7 +3,7 @@ APP_URL=
 DATABASE_URL=
 
 # Mail drivers: SENDGRID, SMTP, PREVIEW
-MAIL_DRIVER=PREVIEW
+MAIL_DRIVER=
 MAIL_HOST=
 MAIL_PORT=
 MAIL_USER=

.gitignore

@@ -21,6 +21,8 @@ blitz-log.log
 # local env files
 .env.local
 .env.*.local
+.env.production
+.env.*.production
 .envrc
 
 # Logs

app/auth/components/LoginForm.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from "react"
-import { AuthenticationError, Link } from "blitz"
+import { Link } from "blitz"
 import { TextField } from "app/components/TextField"
 import { Form, FORM_ERROR } from "app/components/Form"
 import login from "app/auth/mutations/login"
@@ -10,7 +10,6 @@ import { Logo } from "app/components/Logo"
 import { AuthHeading } from "./AuthHeading"
 import { AuthWrapper } from "./AuthWrapper"
 import { AuthSubheading } from "./AuthSubheading"
-import { UnconfirmedEmailError } from "app/errors/unconfirmedEmail"
 
 type LoginFormProps = {
   onSuccess?: () => void
@@ -56,10 +55,10 @@ export const LoginForm = (props: LoginFormProps) => {
                 })
 
                 switch (error.name) {
-                  case AuthenticationError.name: {
+                  case "AuthenticationError": {
                     return { [FORM_ERROR]: "Sorry, those credentials are invalid." }
                   }
-                  case UnconfirmedEmailError.name: {
+                  case "UnconfirmedEmailError": {
                     return { [FORM_ERROR]: "Please confirm your email first." }
                   }
                   default: {

app/auth/components/SignupForm.tsx

@@ -7,7 +7,6 @@ import { SignupInput, SignupInputType } from "app/auth/validations"
 import { Card } from "app/components/Card"
 import { StyledLink } from "app/components/StyledLink"
 import { Logo } from "app/components/Logo"
-import { EmailUsedError } from "app/errors/emailUsed"
 import { AuthHeading } from "./AuthHeading"
 import { AuthWrapper } from "./AuthWrapper"
 import { AuthSubheading } from "./AuthSubheading"
@@ -58,7 +57,7 @@ export const SignupForm = (props: SignupFormProps) => {
                 })
 
                 switch (error.name) {
-                  case EmailUsedError.name: {
+                  case "EmailUsedError": {
                     return { [FORM_ERROR]: `The email ${values.email} is already being used.` }
                   }
                   default: {

app/auth/pages/confirm-email/[token].tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react"
-import { AuthorizationError, BlitzPage, GetServerSideProps, useParam, useRouter } from "blitz"
+import { BlitzPage, GetServerSideProps, useParam, useRouter } from "blitz"
 import Layout from "app/layouts/Layout"
 import { AuthWrapper } from "app/auth/components/AuthWrapper"
 import { Logo } from "app/components/Logo"
@@ -24,7 +24,7 @@ const ConfirmEmail: BlitzPage = () => {
 
         router.push("/")
       } catch (e) {
-        if (e.name === AuthorizationError.name) {
+        if (e.name === "AuthorizationError") {
           setUnauthorized(true)
         }
       }