DZuz14

import React, { useState } from 'react'

/**
 * @helpers
 */
const isValidText = (str) => {
  return /^[a-zA-Z\s]+$/.test(str)
}

const isValidEmail = (str) => {

DZuz14

import { Form, FormGroup, Button } from "react-bootstrap";
import formData from "./formData";
import useForm from "./useForm";

const SomeComponent = () => {
  const { fields, setFields, handleSubmit, success } = useForm(formData);

  return (
    <div css={CSS}>
      <Form onSubmit={handleSubmit}>

DZuz14

import React, { useState } from "react";

const useForm = (formData) => {
  const [fields, setFieldsState] = useState(formData.fields);
  const [errors, setErrors] = useState({})
  const [success, setSuccess] = useState(false)

  const setFields = (e) => {
    const name = e.target.getAttribute("name");
    const value = e.target.value;

DZuz14

import { Form, FormGroup } from "react-bootstrap";
import formData from "./formData";
import useForm from "./useForm";

const SomeComponent = () => {
  const { fields, setFields } = useForm(formData);

  return (
    <div css={CSS}>
      <Form>

DZuz14

import React, { useState } from "react";

const useForm = (formData) => {
  const [fields, setFieldsState] = useState(formData.fields);

  const setFields = (e) => {
    const name = e.target.getAttribute("name");
    const value = e.target.value;

    setFieldsState((prev) =>

DZuz14

import { Form, FormGroup } from "react-bootstrap";
import formData from "./formData";
import useForm from "./useForm";

const SomeComponent = () => {
  const { fields } = useForm(formData);

  return (
    <div css={CSS}>
      <Form>

DZuz14

import { Form } from 'react-bootstrap'
import formData from './formData'
import useForm from './useForm'

const SomeComponent = () => {
  const { fields } = useForm(formData)
  
  return (
    <div css={CSS}>
      <Form>{/*  */}</Form>

DZuz14

import React, { useState } from 'react'

const useForm = (formData) => {
  const [fields, setFieldsState] = useState(formData.fields)
  return { fields }
}

export default useForm

DZuz14

import React from 'react'

const useForm = () => {
  return {}
}

export default useForm

DZuz14

import { Form } from 'react-bootstrap'
import formData from './formData' 

const SomeComponent = () => {
  return (
    <div css={CSS}>
      <Form>{/*  */}</Form>
    </div>
  )
}