How to use enum?

// page.tsx
const [name, setName] = useState('');
const [company, setCompany] = useState('');
const [status, setStatus] = useState('Applied');

async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
  const result = await prisma.job.create({
    data: {
      name: name,
      company: company,
      status: status.toLocaleLowerCase(), // Error: Type 'string' is not assignable to type 'Status | undefined'.ts(2322)
    },
  });
}

// page.tsx
const [name, setName] = useState('');
const [company, setCompany] = useState('');
const [status, setStatus] = useState('Applied');

async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
  const result = await prisma.job.create({
    data: {
      name: name,
      company: company,
      status: status.toLocaleLowerCase(), // Error: Type 'string' is not assignable to type 'Status | undefined'.ts(2322)
    },
  });
}

// schema.prisma
model Job {
  id Int @id @default(autoincrement())
  name String
  company String
  status Status @default(APPLIED)
}

enum Status {
  OFFERED
  REJECTED
  APPLIED
  PENDING
}

// schema.prisma
model Job {
  id Int @id @default(autoincrement())
  name String
  company String
  status Status @default(APPLIED)
}

enum Status {
  OFFERED
  REJECTED
  APPLIED
  PENDING
}