userProfileComponentSnippet

gistfile1.txt

import React, { FC } from "react";
import { TextField,Card, CardBody } from "matte-ui";
import { useForm } from "react-hook-form";

export interface UserProfileFormProps {
  handleFormSubmit: any;
  userData: any;
}

type FormData = {
  username: string;
};

export const UserProfileComponent: FC<UserProfileFormProps> = ({ handleFormSubmit, userData }) => {

  const { register, handleSubmit } = useForm<FormData>();
  return (
    <div>
      <Card>
        <CardBody>
          <form>
            <TextField
              {...register("username")}
              id="username"
              placeholder="your username"
              label="Username"
              required={true}
              value={userData.username}
            />