Почему не добавляются роуты?

Егор Жолнин, по данному коду точно ошибка:

return (
  <Route
    key={i}
    path={'/account/tickets'}
    render={() => route.component} // тут
  />
);

Отдаете на рендер объект.

Можете еще такой вызов сделать:

return (console.log('route', route),
  <Route
    key={i} 
    path={'/account/tickets'}
    render={() => route.component}
  />
);

Убедиться, что они доходят до компонента.

Почему не добавляются роуты?

Егор Жолнин, import AdminPanel from "./IndexComponent";

Почему не добавляются роуты?

Егор Жолнин, мозайка понемногу складывается. Теперь нужен код AdminPanel

Почему не добавляются роуты?

Егор Жолнин, ModuleAccount.routes похоже нигде не используется. А роуты ModuleTickets пишутся только туда.

Почему не добавляются роуты?

Егор Жолнин, тут надо сводить модули к одному API и отдельным шагом их собирать, рендерить и цеплять к DOM.

Почему не добавляются роуты?

Егор Жолнин, насчет конструктора моя невнимательность.
Смотрим:
Application:

export class Application implements IApp, IRouteContainer {
  routes: ModuleRoute[];  // хранилище роутов

  constructor() {
    this.routes = []; 
  }

  addRoute(route: ModuleRoute) {
    this.routes.push(route);
  }
}

export class ModuleAccount implements ISidebar, Module, IRouteContainer {
  routes: ModuleRoute[] = [];  // второе хранилище
  
  addRoutes(routes: ModuleRoute[]) {
    routes.map(route => this.routes.push(route));
  }

  addRoute(route: ModuleRoute) {
    this.routes.push(route);
  }

  constructor(app: IApp) {
    this.app = app;
    this.links = [];
     
    // тут вы пишите в первое
    this.app.addRoute({
      path: "/",
      component: this.component,
      protectedRoute: false
    });

    this.app.addRoute({
      path: "/account",
      component: this.component,
      protectedRoute: false
    });
  }
}

export class ModuleTickets implements Module {
  private app: IApp;
  private routeContainer: IRouteContainer;
  private menuContainer: ISidebar;

  constructor(
    app: IApp,
    routeContainer: IRouteContainer,
    menuContainer: ISidebar
  ) {
    this.app = app;
    this.routeContainer = routeContainer;

    // this.routeContainer.addRoute({
    //   path: '/account/tickets/choice',
    //   component: this.component.choise,
    //   protectedRoute: false
    // });
    
     // тут вы пишите во второе
    this.routeContainer.addRoute({
      path: "/account/tickets",
      component: this.component.choise,
      protectedRoute: false
    });
  }
}

const app = new Application();
const moduleAccount = new ModuleAccount(app);
// почему передаете moduleAccount?
const moduleTickets = new ModuleTickets(app, moduleAccount, moduleAccount);

Оставил только ключевые части. У вас роуты ModuleAccount пишутся в Application, А роуты ModuleTickets в ModuleAccount.

Почему не добавляются роуты?

Егор Жолнин, вам, по-хорошему, свою модульную систему изменить, чтобы все происходило в два этапа:
1. Регистрация модулей
2. Рендер и монтирование к DOM.

Почему не добавляются роуты?

Егор Жолнин, смотрите. Вы сначала инициализируете модуль App, который тут же отрисовывается и монтируется. Затем Account, который при старте даже вызывает store.dispatch и обновляет смонтированное древо компонентов.
Потом пропущенный Auth. И в конце Tickets. В start там ничего нет, routes обновляются простым мутированием и App не реагирует на изменения и не обновляется. То есть о роутах модуля Tickets, смонтированное приложение ничего не знает.

Почему не добавляются роуты?

Егор Жолнин, фигня какая-то. Похоже, что вы упростили код и потерялась вся суть.
1. Используете this в функциональном компоненте.
2. Используете props, но в него ничего не передается.
3. Модуль должен реализовать метод start, но в коде его нет.
4. Где и как используются ваши модули тоже не ясно.

Без этого всего не ясно как инициализируется ваше приложение и в чем может быть проблема.

Почему не добавляются роуты?

Егор Жолнин, да, это и есть точка входа. Но похоже еще и код Module нужен, так как хз, что там происходит.

Почему не добавляются роуты?

Егор Жолнин, объясните зачем вам весь этот модульный велосипед? Вы используете стороннюю библиотеку? И где код точки входа?

Почему fetch не присваивает значение переменной?

Асинхронность:

var auth = true;
		
fetch('ajax.php')
  .then(function(response) {
    return response.json();
  })
  .then(function(res) {
    auth = false;
    console.log("auth after call", auth);
  })
  .catch(alert);	

console.log("auth before call", auth);

Почему не добавляются роуты?

Егор Жолнин, повторюсь, без остального кода точно не сказать, в чем проблема. Не ясно как вы получаете данные, не мутируете ли их, нужен ли вызов withRouter и тд. В примере древа из ReactDevTools видно, что код на самом деле отличается от вашего примера.

Почему не добавляются роуты?

Егор Жолнин, внимательней читаем, что я написал:

Switch и не должен рендерить своих детей. Он перебирает их циклом до первого совпадения пути и если путь совпал рендерит текущий роут, а если совпадений не было, то и дочерних компонентов у него не будет.

Без остального кода точно не скажешь, в чем проблема.

Почему не добавляются роуты?

Егор Жолнин, у вас из-за того, что компонент без имени и в DevTools Undefined.

если по какой-то причине не пришел admin - тогда будет routes is undefined и все поломается

По-хорошему, пока admin не пришел, routes должен быть пустым массивом, тогда тернарка не понадобится.

Switch и не должен рендерить своих детей. Он перебирает их циклом до первого совпадения пути и если путь совпал рендерит текущий роут, а если совпадений не было, то и дочерних компонентов у него не будет.
Попробуйте просто перейти на один из полученных путей.

Почему не добавляются роуты?

Егор Жолнин, вы где props.admin.routes выводите? Не факт, что в компонент передаете. Тернарка там вообще бессмыслена. Можно сразу мапить.
И props правильней так описывать:
const SomeComponent = ({ admin }) => (
А экспорт лучше в конце файла делать, чтобы компонент индексировался в IDE и React DevTools по имени.

Не работает Gulp + sass, что за ошибка?

Еще вы пытаетесь вызывать задачу sass, которая даже не прописана в вашем коде.

Что такое принцип реактивного программирования в ВЕБ?

Когда человек уже более года работает с Angular и задает подобные вопросы...

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

Олег, для обращения к document не нужен хук, хватит функции. Но тут будет правильней работать с ref.
Если вы собираетесь в хуке дублировать состояние - высоту элементов, то получите несколько источников правды.
Правильней будет создать action или callback и писать данные о состоянии в один источник правды store или state общего родителя.

Почему пропадают элементы страницы при сохранении ее из браузера?

А зачем вам понадобилась ворованная страница с мошеннического сайта?