12 строка 🙈

запихни ее в тело компонента

import React, {useState}  from 'react'
import { useHttp } from '../hooks/http.hook'


function AuthPage (){
// import my hooks
 const {loading, request  } = useHttp()
 const {form, setForm} = useState({
   email: '', password: ''
 })
// фн для сбора поля
const changeHandler = event =>{
 setForm({...form, [event.target.name]: event.target.value })
}
 
// fn register
const registerHandler = async () =>{
try{
const data = await request('/api/auth/register','POST', {...form})
console.log('data',data)
}catch(e){}
}

return(
  <div className="row">
  <div className="col s6 offset-s3">
   <h1 style={{fontSize: 30}}>Сократи-Ссылку</h1>
   <div className="card blue darken-1">
       <div className="card-content white-text">
         <span className="card-title">Авторизация</span>
         <div>
       
       <div className="input-field ">
         <input placeholder="Введите Email"
         id="emil"
          type="email"
          name="email"
          className="yellow-input"
          onChange={changeHandler}
         />
         <label htlmfor="email">Email</label>
       </div>

       <div className="input-field ">
         <input placeholder="Введите Пароль"
         id="password"
          type="password"  
          name="password"
          className="yellow-input"
          onChange={changeHandler}
         />
         <label   htlmfor="password">Пароль</label>
       </div>

         </div>
       </div>
       <div className="card-action">
        <button className="btn yellow darken-4"
        style={{marginRight: 10}}
         // что бы заблокирват бтн или разблок
         disabled={loading}
        >
          Войти
          </button>
        <button className="btn grey lithen-1 black-text"
        onClick={registerHandler}
        // что бы заблокирват бтн или разблок
        disabled={loading}
        >
          Регистрация
          </button>
       </div>
     </div>
  </div>
  </div>
)
}
export default AuthPage

Я имею ввиду это из propsa или просто useState

const[form, setForm] вот так надо

Аросто useState

useState возвращает array а не object

Нужно делать как написали выше, скобки поменяй

👍👍👍👍👍👍

Спасибо ребята получилось

создал приложение через CRA. Как указать при билде, чтобы статика складывалась в другую папку и в манифесте прописывались эти пути?

гугли craco

CRA из коробки lighthouse performance 29 у меня показывает. по-хорошему нужно ли стараться повышать или неважно ваще?

29 это конечно беда

мб это от компа зависит? у меня супер слабый просто.
CRA - установил, запустил и сразу проверил.

так а как вы lighthouse запускаете, после билда или как?

спасибо! пробовал аналог rescripts, но че-то какиу-то проблемы у него, собирает как надо, но просто при запуске ругается, что один из переопределенных плагинов не обнаружен

а вообще у меня проблема подружить react (созданный через CRA) с django, не нашел вменяемый загрузчик манифеста. В cra идет встроенный webpack-manifest-plugin, для джанги manifest_loader - нормально почему-то не загружает все скрипты, чанки. Та же проблема и с webpack_loader. Может кто сталкивался?

голый CRA в дев режиме (yarn start) - 29
маленькое приложение после билда и уже на сервере - 34 (но там картинки слишком большие)

в дев режиме лайтхаус лучше не запускать