https://github.com/react-hook-form/devtools

📋 DevTools to help debug forms.
https://github.com/react-hook-form/devtools

devtools react react-hook-form

Last synced: 26 days ago
JSON representation

📋 DevTools to help debug forms.

• Host: GitHub
• URL: https://github.com/react-hook-form/devtools
• Owner: react-hook-form
• License: mit
• Created: 2020-02-09T02:42:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-04-06T00:29:05.000Z (2 months ago)
• Last Synced: 2025-04-10T03:59:04.079Z (about 2 months ago)
• Topics: devtools, react, react-hook-form
• Language: TypeScript
• Homepage: https://react-hook-form.com/dev-tools
• Size: 2.61 MB
• Stars: 655
• Watchers: 5
• Forks: 48
• Open Issues: 48
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - devtools - hook-form | 317 | (TypeScript)

README

        


    


        

            

        

    



Performant, flexible and extensible forms with easy to use validation.




[![npm downloads](https://img.shields.io/npm/dm/@hookform/devtools.svg?style=for-the-badge)](https://www.npmjs.com/package/@hookform/devtools)

[![npm](https://img.shields.io/npm/dt/@hookform/devtools.svg?style=for-the-badge)](https://www.npmjs.com/package/@hookform/devtools)

[![npm](https://img.shields.io/bundlephobia/minzip/@hookform/devtools?style=for-the-badge)](https://bundlephobia.com/result?p=@hookform/devtools)





## Goal

This React Component will help you to debug forms when working React Hook Form, and give you more insight about your form's detail.

## Install

    $ npm install @hookform/devtools -D

## Quickstart

```typescript jsx

import React from 'react';

import { useForm } from 'react-hook-form';

import { DevTool } from '@hookform/devtools';

import './App.css';

const App = () => {

  const { register, control, handleSubmit } = useForm({

    mode: 'onChange',

  });

  return (

    <>

      

       console.log(d))}>

        
React Hook Form DevTools


        Test

        

        

      

    >

  );

};

export default App;

```

## Backers

Thanks goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].



    



## Organizations

Thanks goes to these wonderful organizations! [[Contribute](https://opencollective.com/react-hook-form/contribute)].



    



## Contributors

Thanks goes to these wonderful people! [[Become a contributor](https://github.com/react-hook-form/react-hook-form/blob/master/CONTRIBUTING.md)].