Untitled

const ContactForm = () => {
  const { control } = useFormContext();
  return (
    <>
      <Controller
        control={control}
        name="rollNo"
        render={({ field }) => (
          <TextField
            required
            id="rollNo"
            label="Roll Number"
            variant="outlined"
            placeholder="Enter Your Roll Number"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />

      <Controller
        control={control}
        name="regNo"
        render={({ field }) => (
          <TextField
           required
            id="regNo"
            label="Reg. ID Number"
            variant="outlined"
            placeholder="Enter Your Reg. ID Number"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
      <Controller
        control={control}
        name="year"
        render={({ field }) => (
          <TextField
            required
            id="year"
            label="Year"
            variant="outlined"
            placeholder="Enter Your Year"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
      <Controller
        control={control}
        name="branch"
        render={({ field }) => (
          <TextField
            required
            id="branch"
            label="Branch"
            variant="outlined"
            placeholder="Enter Your Branch"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
      <Controller
        control={control}
        name="divion"
        render={({ field }) => (
          <TextField
            required
            id="divion"
            label="Divion"
            variant="outlined"
            placeholder="Enter Your Divion"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
      <Controller
        control={control}
        name="waNumber"
        render={({ field }) => (
          <TextField
          required
            id="waNumber"
            label="Whatsapp Number"
            variant="outlined"
            placeholder="Enter Your Whatsapp Number"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
      <Controller
        control={control}
        name="altNumber"
        render={({ field }) => (
          <TextField
            required
            id="altNumber"
            label="Alternate Number"
            variant="outlined"
            placeholder="Enter Your Alternate Number"
            fullWidth
            margin="normal"
            {...field}
          />
        )}
      />
    </>
  );
};