aaa

[dk-morinibu]

https://confengine.com/conferences/regional-scrum-gathering-tokyo-2024/proposal/19280/10

[dk-morinibu]

dependabot/dependabot-core#6528 (comment)

[dk-morinibu]

[NibuTake]

https://code.visualstudio.com/updates/v1_84#_commit-message-generation

[NibuTake]

import React from 'react';
import { Controller, useFormContext } from 'react-hook-form';
import TextField from '@mui/material/TextField';

interface TextInputProps {
  name: string;
  label: string;
  defaultValue?: string;
}

const TextInput: React.FC<TextInputProps> = ({ name, label, defaultValue = '' }) => {
  const { control } = useFormContext();
  
  return (
    <Controller
      name={name}
      control={control}
      defaultValue={defaultValue}
      render={({ field, fieldState }) => (
        <TextField
          {...field}
          label={label}
          error={!!fieldState.error}
          helperText={fieldState.error ? fieldState.error.message : ''}
          variant="outlined"
          fullWidth
        />
      )}
    />
  );
};

export default TextInput;

import React from 'react';
import { useForm, FormProvider, SubmitHandler } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
import TextInput from './TextInput';
import Button from '@mui/material/Button';

// Define a schema using Zod (optional)
const schema = z.object({
  firstName: z.string().nonempty({ message: "First name is required" }),
  lastName: z.string().nonempty({ message: "Last name is required" }),
});

type FormData = z.infer<typeof schema>;

const FeatureForm: React.FC = () => {
  const methods = useForm<FormData>({
    resolver: zodResolver(schema),
  });

  const onSubmit: SubmitHandler<FormData> = (data) => {
    console.log(data);
  };

  return (
    <FormProvider {...methods}>
      <form onSubmit={methods.handleSubmit(onSubmit)}>
        <TextInput name="firstName" label="First Name" />
        <TextInput name="lastName" label="Last Name" />
        <Button type="submit" variant="contained" color="primary">
          Submit
        </Button>
      </form>
    </FormProvider>
  );
};

export default FeatureForm;

[dk-morinibu]

[NibuTake]

https://note.com/nibu0109/n/n658b002a7c7e