Как исправить ошибку nextjs Warning: Expected server HTML to contain a matching in?

это layout.tsx ?

Почему react router не видит айдишник в урле?

Artem641, попробуй переписать на нормальный код

у тебя там опечатка в пути "/*" - должно быть "*"
И что за Error

и ты вызываешь компонент как функцию - это похоже и вызывает проблемы, пиши код нормально

export const routes = [
  { path: '/',  element: <MainPage  />},
  { path: '/posts', element: <Posts />},
  { path: '/posts/:postId', element: <PostIdPage />},
  { path: '/about', element: <About  />},
  { path: '*', element: <h1>НЕТ ПУТИ</h1>},
]

<Routes>
{routes.map((r, index) => (
        <Route key={r.path} path={r.path} element={r.element} />
      ))}
</Routes>

Как реализовать анимацию падения элементов и дальнейшее их перемещение с помощью курсора?

на matter.js можно сделать без пота, но я где-то видел и готовый пример таблеток, искать над

matter example

Как сделать чтобы текст ставился автоматически по центру между скобок в CSS?

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

у меня на голом vsc вот так разворачивается, scss

Почему react router не видит айдишник в урле?

в вопросе он ни слова не сказал о том что PostIdPage не отрабатывает, можно было и подождать с ответом), мне было например интересно что он там скажет

Почему react router не видит айдишник в урле?

покажи как ты отлавливаешь id из урла

Есть ли у eslint правило для сортировки атрибутов элемента в React?

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

Есть ли у eslint правило для сортировки атрибутов элемента в React?

tostershmoster, понял, принял.

а если пройти по ссылке то там можно настроить пропсы так что бы они были по алфавиту, это ппц же, как будто несколько десятков пропсов в компоненты передаются везде вхаха) орнул

Есть ли у eslint правило для сортировки атрибутов элемента в React?

WbICHA, ну про то что вначале класс, кей, реф нужно писать все вроде и так это знают, а вот всё остальное пишу так что бы было хорошо читабельное, но линтер для этого - тьфу

Есть ли у eslint правило для сортировки атрибутов элемента в React?

WbICHA, ума не приложу зачем только это придумали

Есть ли у eslint правило для сортировки атрибутов элемента в React?

а какой порядок должен быть, мне вот чисто интересно ? сначала должен идти className потом type а потом onClick ?)

Как исправить ошибку при работе с кастомным select и библеотекой react-hook-form?

Дмитрий Путилов, ну возьми сам и напиши)

что-то типа этого

<Controller
          render={({ field: { onChange, value } }) => (
            <CustomSelect
              className={classes.select}
              options={OptionsCategories}
              onChange={onChange}
              value={value}
            />
          )}
          name="name_2"
          control={control}
        />

Как исправить ошибку при работе с кастомным select и библеотекой react-hook-form?

WbICHA, согласен, теперь я понял о чём ты)

Как исправить ошибку при работе с кастомным select и библеотекой react-hook-form?

WbICHA, он из Controller развернул field в свой кастомный селект компонент и там реф передаётся, иначе бы ошибка не вылетела

К тому же куда тут реф форвардить? У него же просто массив кнопок.

наверное в какой-то AnimatePresence - это я так предполагаю что это за место браузерного select а SelectItem - за место option, правда сомневаюсь что это заработает но ошибка пропадёт про ref как минимум

За счет чего Bun и Deno работают быстрее Node?

а кстати не bon а bun)

За счет чего Bun и Deno работают быстрее Node?

в инете есть ответ на твой вопрос, куча инфы, но я бы не советовать тратить время на bon и на deno, там багов столько что уж лучше это не трогать, про deno можешь вообще забыть, и ждать bon - более стабильные версии, лет так через цать с node перейдём все на bon

Как исправить ошибку при работе с кастомным select и библеотекой react-hook-form?

попробуй почитать о forwardRef и подумать почему так происходит

вот даже логические подумай как библиотека должна сообщать об ошибках что твой селект не выбран ? как она должна фокус на него сделать ?

Как сделать чтобы высота ребенка блока уходила в скролл в flex контейнере?

Return Me Void, таким же подходом, только display: flex задаёшь уже для r__inner и так же пляшешь абсолютом уже от r__scroll, вот только блок будет не выше чем шапка, я никогда не видел таких узких по высоте блоков со скроллом, те действительно это нужно или ты троллишь сидишь ? укуренный ?

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

Михаил Оловянников, вот нашёл даже пример, как я и говорил, лёгкая

https://github.com/redvoxdev/whose-bicycle/blob/ma...

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

Михаил Оловянников, я так предполагаю что нужно написать функцию, которая принимает 3 объекта ввода по задаче
что-то типа этого
const f = (a,b,c) => ...

объекты которые прилетают в пропсах пример показан там в самой задаче

{
  'algebra': 6,
  'history': 8,
  'physics': 9,
  'geography': 2,
  'chemistry': 9
}

нужно просто пробежаться по объектам и узнать у каждого из объектов общее кол-во оценок типа, и сравнить у кого больше и отдать на выход строку о том какой из сыновей победил якобы, порядок правда не понятно какой должен быть в агрументах, но в целом задача очень лёгкая, писать полностью я её не буду