Антон Спирин

Нужно использовать forwardRef или передать ref под другим именем.
Ссылка на документацию

const Input = forwardRef((props, ref) => <input ref={ref} {...props}  />)

const Input = ({  inputRef, ...props }) => <input ref={inputRef} {...props} />

Как в этом аду не сойти с ума и распределить деньги максимально справедливо, чтобы все остались довольны?

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

По поводу оформления - нужно знать что за организация, форма собственности.
А вообще все просто-
X- общий капитал организации.

инвестор даёт 100 тыс. рублей

его доля в процентах X/100тыс.

Далее двое человек работают вместе 3 месяца (за долю)

Доля каждого из них в процентах равна X/(зарплата*3).

присоединяется еще один (за долю), и они уже втроем работают еще 3 месяца

То же самое - X/(зарплата*время работы)

Потом первый теряет веру в проект и уходит

Его право. Доля остается за ним, если в договоре не указано иное.

У всех людей разная стоимость на рынке труда. То есть их время не равноценно.

Разная, но известная, так что не проблема.

После ухода первого человека (программиста) команда решила отказаться от половины его работы, потому что проще переписать часть кода с нуля, чтобы закончить всю его работу.

Это ни на что не влияет. Работу то уже оплатили.

Самый первый месяц работы вообще холостой, потому что выбрали не ту архитектуру, пришлось отправить всю проделанную работу в корзину. Но был получен ценный опыт. В каком-то смысле это тоже вклад, хотя опыт личный.

Люди работали, получили оплату.

Проект приносит доход каждый месяц (разный). Из оставшихся людей один совсем обленился и хочет просто получать деньги. Другой продолжает работать, развивать проект, занимается продвижением. И через 3 месяца присоединяется еще один человек, тоже в долю, но работает в пол силы, по вечерам (после штатной работы в другом месте).

Ну человек и идет в долю, чтобы потом не работать а получать.
Поэтому обленившийся получает свою долю и все.
Другой получает свою долю и зарплату.

Долю вынести на определенные этапы -- пересчеты доли:

• стартовый пересчет доли,
  
• привлечение новых финансов,
  
• уход долевика -- его долю раскидать на всех
  

Текущие вклады (не долевые) принимать как обмен работы на деньги (не дивиденды, а именно затраты). Соответственно кто сколько тратит времени, сил и какая эффективность часа -- все отражается в зарплате.

Просто доля -- очень скользкий момент и его вплетать во все аспекты нельзя, лопнет логика почти сразу

Если что, можно на старте выделить некий ничейный пулл из стартовой доли, который будет тратиться на "вознаграждение долей" в процессе работы. Можно придумать правила его распределения и лимиты по времени -- ну к примеру через год все нужно дораспределить.
Этот пункт гибкий тем, что на входе у всех и есть доля и при этом не большая и походу жизни проекта можно донакинуть тем, кто делает большой вклад.

В целом -- справедливости не добиться, но можно добиться прозрачных правил

Речь в ошибке про хуки. У вас хендлер для изменения категории начинается с use...
переименуйте его в setCategory

https://jsfiddle.net/Lqenu790/

или

https://jsfiddle.net/qugerz9x/

Ну, коль вы сеньор, то взять и всё исправить. Ах, вы не сеньор? Ну тогда не умничать.
Простити за грубость. Работает - не трогай.

Сохраняй в локальное хранилище
Redux Persist тебе поможет
Есть еще redux-offline , но она менее популярная штука

Если нужно чтобы после обновлении страницы сохранялось - то localStorage ваш первый кандидат.
Если объекты всегда/долго одинаковые, то возможно проще закэшировать на уровне HTTP - положите в отдельный урл, поставьте нужные заголовки, и браузер будет сам из своего кэша вам его отдавать, и инвалидировать кэш.

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

Платить за курсы можно в следующих случаях:
1. Курсы с признанной сертификацией - от Microsoft, Cisco, Oracle, можно специфические от производителей какого-либо продукта
2. Обзорные курсы по продукту/движку/технологии более продвинутого уровня, но это не должна быть базовая технология, и курсы не могут быть дорогими. Обычно это максимум несколько часов.
3. Если за курсы платит компания
4. Английский, немецкий, японский, в общем гуманитарный язык, индивидуальное репетиторство по сложным областям - какой-нить матан, дизайн с практикой.

Курсы это налог на тупость или что?
Почему курсы по программированию так популярны?
Cоursera специализация по питону стоит времени или можно заменить другими источниками?

переписал ответ
вот дока

HelloContext

const Hello = createContext<string>('Hello');
export default Hello;

App.tsx

import Hello from 'HelloContext';
import MyComponent from 'MyComponent';

function App() {
  return (
    <Hello.Provider value='Hi'>
        <MyComponent />
    </Hello.Provider>
  );
}
export default App;

MyComponent.tsx

import HelloContext from 'HelloContext';

const MyComponent: React.FC<> = () => {
  const msg = useContext(HelloContext );
  return (
    <span>{msg}</span>
   )
}

export default MyComponent;

P.S.
</Theme.Provider> <-- откуда Theme?

потому что returnпрервет цикл for на первой же итерации

Берёшь эту ошибку и как есть вставляешь в гугл, с вероятностью в 100% наткнешься на иссуе где этот вопрос обглодан в самых невероятных сочетания.