update deps and reduce external dep (#146)

* udpate dep and remove loglevel

* remove loglevel

* remove console log

* fix lint

* fix lint error

* prettier

Author: bluebill1049

example/src/App.tsx

@@ -3,7 +3,6 @@ import { Router, Link, RouteComponentProps } from '@reach/router';
 import { useForm } from 'react-hook-form';
 import { DevTool } from '@hookform/devtools';
 import type { PLACEMENT } from '@hookform/devtools';
-import logger from 'loglevel';
 import './App.css';
 
 const Form = ({
@@ -33,10 +32,9 @@ const Form = ({
     register('custom');
   }, [register]);
 
-  logger.warn({ placement });
   return (
     <>
-      <form onSubmit={handleSubmit(logger.warn)}>
+      <form onSubmit={handleSubmit((data) => data)}>
         <h1>
           <span role="img" aria-label="devTool">
             🔧

package.json

@@ -92,7 +92,6 @@
     "husky": "^6.0.0",
     "jest": "^26.6.3",
     "lint-staged": "^10.5.4",
-    "loglevel": "^1.7.1",
     "prettier": "^2.2.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

src/stories/devToolUI.stories.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Story, Meta } from '@storybook/react';
 import { StateMachineProvider, createStore } from 'little-state-machine';
 import { useForm } from 'react-hook-form';
-import logger from 'loglevel';
 
 if (typeof window !== 'undefined') {
   createStore(
@@ -46,7 +45,7 @@ const Template: Story<Props> = (args) => {
 
   return (
     <StateMachineProvider>
-      <form onSubmit={handleSubmit(logger.warn)}>
+      <form onSubmit={handleSubmit((data) => data)}>
         <h1>
           <span role="img" aria-label="devTool">
             🔧