Как решить проблему c react hooks?

Question

[andreys75]

Добрый день!

Получил проект написанный на React с классами. С корявой структорой компонентов. И так как надо тдописывать функционал начал писать функциональные компоненты с использованием хуков
Билд проекта проходит но при попытки открыть страницу выдает ошибку

Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at P (/........   App.js:9:3759)
    at t.useState

такая же ошибка выдается на любой хук

1, Хуки использую правильно на основном уровне компонента
2, Реакт подключаю один раз
3, проверил версии реакт и реакт дом

andrey@% npm ls react
mobile-web-capture@1.12.1  ******
└── react@17.0.2 

andrey@% npm ls react-dom
mobile-web-capture@1.12.1 ******
└── react-dom@17.0.2

вот упрощенный код основного компонента

import React, {  useState } from 'react';
import './app.scss';
export  default function App(){
 // const [state, dispatch] = useReducer(stateReducer, initialState);

  const [isLoading, setLoading] = useState(true);

  const [error, setError] = useState({isError:false, message:''});
  console.log(setLoading, setError);
  

  return (
    <>
  
      {(isLoading || error.isError) && <div>Loading...</div>}
    


    </>
  )


}

Пробовал в package.json переносить реакт и реакт дом в peerDependancy , webpack добавлял externals.
Увы пока не нашел решения

Comments

[Роман]

Проблема может быть в импортах. Попробуйте так:
import * as React from "react";
import {useState} from "react";

[andreys75]

Роман,
увы это не помогает.
Но я выяснил, что проблема скорее всего в том как организован проект
Есть фронтенд ( React) который должен использовать сторонее API. для решения проблемы CORS сделан сервер на node который просто проксирует запросы к API. Для запуска проекта на машине разработчика
выполняется bild фронтенда в каталог servera, затем запускается сервер. Таким образом фронтенд выдается как статический js файл с localhost:8080 и проблема доступа к стороннему API решена.

Но при этой схеме реакт не хочет работать с хуками

Если же я запускаю frontend отдельно командой

webpack-dev-server --config src/client/dev/webpack.config.dev.js  --mode development -d --hot --https

hooks прекрасно работают и нет ни каких ошибок, но надо снова решать проблему доступа к стороннему API