Привет, ребят! Подскажите, пожалуйста, почему в таком случае tasks == [], а props.tasks == [data...] И как мне сделать, чтобы внутри tasks сразу же было значение с props.tasks?

function Tasks(props) {
  const [tasks, setTasks] = useState(props.tasks);
  const [showKeys, setShowKeys] = useState(false);

  console.log(tasks, props.tasks);

Не совать пропсы в стейт

Как мне тогда сделать зависимость от данных в пропсе?

Просто использовать их в рендере

Но я их изменяю и когда я их изменяю, то мне нужен ререндер

Подскажите, может кто сталкивался с подобной ситуацией.

Делаю пет проект, у меня есть модальное окно (как на скриншоте), внутри него я хочу сделать слайдер - input type=range.
Чтобы заблокировать модальное окно, я использую scroll-body-lock, но одновременно с этим, блокируется возможность управлять ползунком.

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

Изменяйте там же где эти пропсы определяются

Я определяю данные в одном компоненте и передаю их в другой. В доч. компоненте я хочу сделать зависимость от этих данных. Чтобы когда я изменял эти данные, то был ререндер этого компонента.

Передавайте вместе с данными колбеки смены этих данных

Понял, спасибо

Что подразумевается под "заблокировать модальное окно"?

Чтобы страница не ездила

Модальное окно - position: fixed

Я в какой-то библиотеке видел что делают overflow: hidden для body при открытии модалки

это делает scroll-body-lock

А, не знал

непривет

Ня пока

Подскажите, пожалуйста, как можно поставить дефолтный focus на <FormControl>?

autoFocus