вот этот google.maps через jquery работает, а как его реализовать в Реакте?

Такое не делал, но думаю через ref привязать и работать при обновлении.

https://jsfiddle.net/mi3afzal/ogsvzacz/2/
вот пример на jquery, понятно что addEventListener могу навесить на онклик метод, но вот проблема с этими "new google.map.etc", голову ломаю уже какой день

new google.map.etc

- просто создает обгортку над дом елементом,.

А когда вы её подключает?

new google.map.etc

получается надо это решать с ref?

не понял вопроса

Да. Но, может есть пакет для реакта?

я использую https://www.npmjs.com/package/google-map-react
но в документации именной этой функции не нашел к сожалению.

В реакт есть жизненный цикл приложения, если засунуть в компоненту, и ваш google maps попытается, проинититься раньше чем происходит componentDidMount() то вряд-ли это будет работать, а вообще да пробуйте варианты с ref={} и скорее всего должно быть готовое решение для реакт

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

Слушайте, есть hoc, им я оборачиваю компонент попапа и лежит это дело в компоненте меню. Проще говоря, меню, в котором лежит обёрнутый в hoc компонент попапа.
ВОПРОС!
Можно ли как-то в данном раскладе прокинуть пропы из hoc'a в компонент меню? Суть в том, что я оборачиваю логикой обычную разметку и всё это дело нужно вызывать из меню функцией, которую я передаю из hoc'a

Всем привет! Подскажите пожалуйста как доделать следующую логику:
У меня есть пользовательский хук useBackgroundSound который запускает фоновую музыку, есть главный компонент App в котором я слушаю нажатие пользователя и если оно произошло, то запускаю фоновую музыку, есть ещё отдельно компонент с кнопкой который должен меняться визуально в зависимости от состояния isPlay в хуке useBackgroundSound.

Текущая проблема в том, что само состояние в App изменяется, а isPlay когда я его проверяю в кнопке остаётся по дефолту.

Текущий код
App.jsx:

export const App = () => {
  const [,, handleClick] = useBackgroundSound();

  return (
      <div>
          <div onClick={handleClick}>
...
      </div>

useBackgroundSound.jsx

export const useBackgroundSound = () => {
    const [sound] = useSound(backgroundMusic1, { loop: true });
    const [isPlay, setPlay] = React.useState(false);

    const handleClick = () => {
      if (isPlay) {}
        else {
          setPlay(true);
          sound();
        }
    }

    return [isPlay, setPlay, handleClick]
};

Button.jsx:

export const Language = () => {
    const [isPlay , ,] = useBackgroundSound();

    return isPlay? <ButtonOn />: <ButtonOff />;
};

На каком?

Или только если обернуть сам компонент меню удастся прокинуть пропы?

сейчас использую пакет google-map-react, но тут нет готовой функции: кнопка "Моя позиция"

а в пакете @react-google-maps/api она реализона и есть.

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

Я бы переписал под готовое решение. Чем пилил бы костыли

Доброго времени суток. Столкнулся с проблемой:
Функц.компонент с кнопкой материал юи. Почему срабатывает она только после второго клика? Может знает кто решение?

решение знаем, но не скажем, а телепаты ушли телепать - ой.

ребята, а cra уже умеет нормальные кастомные настройки вебпака в случае чего или пока что следует начинать проект как раньше, вручную?