окей, спасибо)

narod, помогите пж, у меня есть две страницы profile и news, в каждой компоненте есть componentdidmount где идет запрос на сервак, изначально у меня в reducer isFetching(значение, которое отвечает за прелоадер) равен false, в componentdidmount запускается функция (2 скрин) в ходе которой, в конце при ответе на сервак значение isFetching меняется на тру (диспатчу setPreloader) но я эту логику опрокинул на две компоненты (profile и news) и получается если я сначала зайду на любую компоненту(news или profile, чтобы пошел запрос), то автоматически вторая компонента(в зависимости на какую я кликнул второй) падает, потому что isFetching равен true, я попытался в каждой компонента поменять isFetching на false, дабы перед рендером произошел сначала запрос на сервак и приложения не упало (3 скрин) , но , блять, каким то образом, componentdidmount не успевает изменить ее (4 скрин), шо делать?

на componentWillUnmount() делай isFetching: false

Как можно зарефакторить?

Если viewType один, то один компонент, если viewType другой, то другой

пропсы одинаковы?

Да

Но у второго компонента их лучше сократить, не все используются

Хочу custom select элемент на дивах, соответственно option тоже див и является children, как передать в родителя данные о сделанном выборе, погуглил это только клонирование, так ли это? Или не морочится и передавать родителю список option в виде props ?

Событие onClick на выбранном div-e, передаешь данные этого div, они уникальные

я б тогда использовал что то такого
const ViewComponent = viewType ?  PlayerItemList : PlayerItemListType;
return ( <ViewComponent /> )

Да, точно))
А если пропсы разные?

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

скопируй из адресной строки, там при сохранении форкается репо

А тебе надо, чтобы при клике элемент выбранный был selected?

да, вот вопрос в SelectElement копировать props.children и давать им свои props, чтобы по итогу из <App> я мог менять стейт менять если меняется выбранное значение