А какая разница в наличии или отсутвтии nextjs?

Я просто к тому, что вижу вопрос так:

Использовал ли кто MobX в связке с React на более-менее крупном проекте.

И то react тоже лишнее, кмк

Вопрос в инициализации мобх сторов

Особенно на сервере

в чем проблема ?

В том, что на сервере он 1, а на клиенте другой

один в один как и с редаксом

боже да просто пусть идут подальше со своими декораторами

["@babel/plugin-proposal-decorators", { "legacy": true }]

тупо начинать проект с легаси спекокй

МОбх можно юзать и без декораторов

можно, я ж не говорю что это проблема mobx это проблема next и их хэлперов - адаптеров которые скорее всего юзеюат легаси спеку

блин чет не могу написать динамический breadcrumbs  которому просто вскармливать router и он сам бы сопоставлял айтемы

const { query } = useRouter();
 const current = last(Object.values(query));
 const generateHref = (key, i) => {
  //
 };
 const generateAs = (value, i) => {
  //
 };
 return (
  <Paper elevation={0} className={classes.paper}>
   <Breadcrumbs aria-label="breadcrumb">
    {Object.entries(query).map(([key, value], i) => (
     <Link
      key={`breadcrumb-link-${i}`}
      className={classes.link} 
      color={value === current ? 'textPrimary' : 'inherit'}
      href={generateHref(key, i)}
      as={generateAs(value, i)}
     >
      {value}
      {console.info(generateHref(query, i))}
     </Link>
    ))}
   </Breadcrumbs>
  </Paper>

проблема в том что при каждой итерации надо урезать массив в generateHref
типа

/[gender]
/[gender]/[catalog]
/[gender]/[catalog]/[product]

Вопрос: нажимаю <Link href="/">

 вызывается серверный рендеринг, нажимаю на 
<Link href="/foo">

-- все ок. Что я делаю не так?

 вызывается серверный рендеринг, нажимаю на 
<Link href="/foo">

Страница index есть в pages есть? Роулинг от некста или свой сервер?

свой сервер

страницы index нет

Тогда в своем севере сделай Роутинг на / в документации есть пример

Для express