CORS error, как исправить?

ih4rd, ты писал что ты авторизовался, как ты авторизовался если сервер тебя блочил ?

CORS error, как исправить?

ну да конечно, на авторизацию тебе ответили нормально а на другие запросы - нет, смешно
+ ты сказал что доступа к серверу нет, как ты вообще это исправил, смешно

Нужно в js создать таблицу 10 на 10 чтобы 1 шли по диагонали. Остальное 0?

vj2002, https://stackoverflow.com/questions/14643617/creat...

Почему в React компонент Navigate не перерендеривается?

_pl1ne_, попробуй так, если не сработает, то забей на эту тему с отрисовкой роутов по условию и делай через хок компонент проверку на авторизацию Cсылка

const authContent = () => {
    if(isAuth){
      return(
   <>
          <Route path='/create' element={<CreatePage />} />
          <Route path='/links' element={<AuthPage />} />
          <Route path='/detail/:id' element={<DetailPage />} />
          <Route path='*' element={<Navigate to="/create"/>} />   
  </>
      )
    }
    return(
   <>
        <Route path='/' element={<AuthPage />} />
        <Route path='*' element={<Navigate to="/"/>} />
  </>
    )
  }





<Routes>
{authContent(isAuth)}
</Routes>

Почему в React компонент Navigate не перерендеривается?

_pl1ne_, что пробовал ? ты роуты обернул вообще в BrowserRouter к примеру хотя бы?

Почему в React компонент Navigate не перерендеривается?

Попробуй заменить , а так больше ошибок я не вижу,

const auth = () => {
    setIsAuth(prev => !prev)
  }


  return (
    <div className="App">
        <h1>Home page</h1>
        {authContent()}
        <button onClick={auth}>Login/Logout</button>
    </div>
  );

Так же у тебя нет главного роута среди этих роутов, то есть нет роута на главную страницу, может и в это дело. Просто я например не юзал роуты без главной страницы, поэтому и не знаю.

<Routes>
          <Route path='/create' element={<CreatePage />} />
          <Route path='/links' element={<AuthPage />} />
          <Route path='/detail/:id' element={<DetailPage />} />
          <Route path='*' element={<Navigate to="/create"/>} />   
        </Routes>

CORS error, как исправить?

ih4rd, хех), может ты просто токен не отправляешь на другие запросы? ну кроме как на авторизацию ?)

CORS error, как исправить?

скинь код запроса и ответа , именно код с клиента и сервера

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, может полезно будет, почитай как-нибудь https://webformyself.com/rasprostranennye-oshibki-...

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, кстати

return null;
  }

с этим вообще не понятно, это что опечатка ? в общем разберись с компонетом этим, смотри что бы после условий небыло хуков и функций каких-либо

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, смотри у тебя после условия идёт какая-то функция, попробуй условия в конец убрать , пусть они там по порядку будут, может и на функцию так реагирует, честно не знаю

const {
    rubric, title,
  } = block.item;
  const itemsProps = getSlides({
    publisherItems: block.item.publisher.items, rubric,
  });

    return null;
  }

  if (somePropsUndefined) {
    return null;
  }

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, кароч посмотри есть ли у тебя компоненты где ты после условия - манипулируешь какими-либо хуками например

const Component = ({ name }) => {
 if(!name) return null;
 React.useEffect(() => {
 ... тут вылетает ошибка как раз таки та что у тебя в косоле, если не ошибаюсь
}, [])

типа если после условия есть хуки то жди беды

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, где сам shaker отрисовывается, или покажи весь компонент shaker если там условия есть, но ты их сюда не написал в вопросе

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, понял, вроде бы я вспомнил почему может вылететь такая ошибка, скорее всего у тебя этот компонент рендериться в компонент выше - в котором после условия - ты обновляешь стейт, покажи где этот компонент отрисовывается, раз ты думаешь что ошибка в нём

Как избежать ошибки Invalid hook call при использовании UI библиотеки компонентов на хуках?

Absky, что в

const [componentState, setComponentState] = React.useState<ShakerState>({
  ... тут ?
  });

Как отследить длину текста и если он выходит за контейнер обрезать его и добавить многоточие не используя text-overflow?

на старом браузере, это на каком ?

Как фильтровать роуты правильно используя createBrowserRouter из react-router-dom 6.4.3?

Если исходить из твоего логики выходит так что на роутах где пользователь не авторизован ты хочешь получать данные а после уже проверять авторизован он или нет , делать свои якобы там фильтрации роутов, честно со стороны это кажется - бредовым подходом, без обид.

Роуты для которых нужна авторизация - просто оборачивай в хок который проверяет на то авторизован ли пользователь, как вариант, это будет уж хоть как-то получше + в самих же лоадерах как-то проверять на авторизацию, тоже как вариант.

Можно кстати в сам объект для роута прямо запилить поле которое как раз таки будет говорить о том что закрытый роут или нет.

{
        path: RoutesDetails.LOGIN.path,
        element: <Login />,
        private: false
      }

Как очистить поля формы в React при использовании библиотеки Yup?

там есть метод reset

const { reset } = useForm()

Как растянуть flex блок на всю высоту родителя?

kot98, а чё height: inherit;не помогает ?

Как открыть карточку определенную товара по клику в каталоге?

Нужна маршрутизация ( роуты ), если делать маршутизацию на стороне клиента то обычно твои страницы должны быть js файлами а не html, но можно сделать прокси сервер, то есть сервер который будет раздавать твои html странички как статику ( маршрутизация на стороне сервера ) .