Skip to content

npx @hookform/codemod v7/update-register not working for material ui #13

@aubreyzulu

Description

@aubreyzulu

Describe the bug
A clear and concise description of what the bug is.

The npx @hookform/codemod v7/update-register does not update material UI textfield with
<TextField disabled fullWidth margin="normal" name="name" size="small" type="text" variant="outlined" error={!!errors.name} inputRef={register({ required: true })} />
Only works for
`-

  • <input {...register('example')} />
  • <input {...register('example')} />
  • <input {...register('example')} />
  • <input ref={register({ required: true })} name="example" />
  • <input {...register('example', { required: true })} />
  • <TextInput ref={register({ required: true })} name="example" />
  • <TextInput {...register('example', { required: true })} />`

To Reproduce
Steps to reproduce the behavior

Expected behavior
A clear and concise description of what you expected to happen.

when I run npx @hookform/codemod v7/update-register
it should update matatrial UI textfield input from
<TextField disabled fullWidth margin="normal" name="name" size="small" type="text" variant="outlined" error={!!errors.name} inputRef={register({ required: true })} />
To
<TextField disabled fullWidth margin="normal" size="small" type="text" variant="outlined" error={!!errors.name} {...register("name",{ required: true })} />

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. MacOs, Linux]
  • Node.js [e.g. 12, 14]

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions