mhaecal

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,

mhaecal

import React from 'react'
import Character from './components/Character'
import { QueryClientProvider, QueryClient } from 'react-query'

const queryClient = new QueryClient()

function App() {
  return (
    <div className="App">
      <QueryClientProvider client={queryClient}>

mhaecal

import React from 'react'
import { useForm } from 'react-hook-form'
import { ErrorMessage } from '@hookform/error-message'

function App() {
  // prettier-ignore
  const { register, handleSubmit, formState: { errors } } = useForm()

  const onSubmit = ({ username, password }) => {
    alert(`Username: ${username}, Password: ${password}`)