сайт написан на Реакте. компонент получает urlImage. можно как-то в компоненте определить эта картинка квадратная или прямоугольная, чтобы в styled components задать ей нужные стили? (они будут немного отличаться)

мы на GitLab.  сегодня мы всей командой активно фиксим баги перед деплоем и пушим в одну ветку. перестали отображатся новые коммиты на сайте в той ветке. это перегруз какой-то? не сталкивались?

А пуш успешно проходит?

ага

Хз, мб малеху подождать чтобы все прогрузилось

@ru_gitlab здесь спрашивал?

спасибо. не знал этот чат

window.addEventListener("mouseup",outerClickCheck,e);
Как в outerClickCheck передать event ?

const outerClickCheck = (e) => {
 console.log(e);
 ...
}

window.addEventListener("mouseup",outerClickCheck);

Спасибо )

сайт на Реакт Next.js. я такой компонент сделал. на странице будет несколько таких. при нажатии(или переходе) хотел бы чтобы прокручивалось к ссылке.
но у меня просто URL в браузере меняется при нажатии, а как чтобы скроллилось?

const LinkWithAnchor = ({ text, anchor }) => {
  const router = useRouter();
  const {
    basePath,
    locale,
  } = router;

  const handleClick = (event) => {
    event.preventDefault();
    const href = `${basePath}/${locale}/welcome-ext-installed#${anchor}`;
    router.push(
      {
        pathname: href,
      }, href,
      { shallow: true },
    );
  };

  return (
    <h4>
      <StyledLink onClick={handleClick}>
        {text}
      </StyledLink>
    </h4>
  );
};

подскажите плиз регулярку. все что не буквы латинского алфавита нужно заменить на символ подчеркивания (такой "_")

проект на реакте. есть в компоненте картинка

<img
  alt=""
  src="urlImage"
/>

urlImage - просто урл вставляю на картинку с другого сайта (с того сайта можно)
есть ли способ в компоненте зная этот urlImage узнать еще какой сервер возвращает content type картинки и отобразить текстом под картинкой?

проект на реакте. imageUrl нормальный, картинка отображается, но вот fetch запрос всегда с ошибкой (на скрине показал).
Мне response нужен чтобы просто content type ответа сервера посмотреть.
Что у меня не так может быть?

const DemoImage = ({ imageUrl }) => {
  useEffect(() => {
    async function fetchHeaders() {
      try {
        const response = await fetch(
          imageUrl, {
            credentials: "include",
          },
        );
        console.log(response));
      } catch (err) {
        console.error("Image Fetch Error:\n", err);
      }
    }

    fetchHeaders();
  }, [imageUrl]);

  return (
    <ImageContainer>
      <img
        alt=""
        src={imageUrl}
      />
    </ImageContainer>
  );
};

@kirnovik ты можешь не заворачивать асинк в функцию в юз эффекте

Или вынести вообще функцию из хука , а в хуке вызывать

Но картинку тебе возвращает?

Или вообще запрос выдает ошибку?