Всем привет!
Использую контекст safearea для определения паддингов на экранах айфонов (1)
Хочу определить поле, добавляемое контекстом в пропсах, тк иначе при обращении TS ругается (2)
Но теперь при использовании данного компонента TS требует  указать это поле, что логично (3)
Если делаю поле необязательным - тогда требует всегда проверять его значение на undefined, что в данном случае лишнее, особенно при подключении редакса к компоненту
Есть ли красивый способ указать пропсы, которые должны указываться при использовании компонента, а также указать пропсы, которые были добавлены оберткой, чтоб пользоваться ими внутри компонента?

Попроще как нибудь объясни что тебе нужно

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

Попробую перевести:

Ты с помощью HOC инжектишь какой то prop и хочешь что бы у получившегося компонента не требовалось передавать этот prop ?

Да

Я бы забил на hoc и использовал hook, тогда было бы все просто.

Но если хочешь hoc то вот

https://react-typescript-cheatsheet.netlify.app/docs/hoc/excluding_props

И чат по ts @ts_cool

Спасибо

Посмотрел только что что модалки реализуются с помощью порталов и у меня возник вопрос

Допустим: У меня есть компонент Modal который порталом привязан к элементу в бади с айдишником modal. У всех модальых окон будет вид одинаковый (типа затемнение сама карточка с отображенными чилдренами)

Мне надо сделать 1 компонет Modal который имеет общую стилизацию, в чилдренов передавать тип отображаемого контента, но допустим в той же джире его очень много.

Тогда стилизацию внутренностей нужно передавать элементу который занимается вызовом данного поп-апа?

И получится что-что типа

render (<div>
тут какая-то оч большая компонента
<Modal>тут очень много стилизации </Modal>
</div>

Всем привет, кто нибудь работа с react full page и может подсказать как динамически изменять количество слайдов в зависимости от размера экрана ?

короче если сократить в одну строку, стилизацией того что внутри модалки занимается компонент который всегда будет её вызывать?

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

Кто работал с Next.js?

никто

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

В функциях появилась возможность избавиться от обёрти connect для redux. Как мне теперь прокинуть значение хранилища в пропсы?
Насколько я понимаю - useSelector() это не предусматривает

коллеги подскажите один момент. как в функциональном компоненте задиспачить асинхронно экшн. (ещё не много не догоняю почему обновления useState loading не срабатывает)