Почему возникает ошибка у JwtWSGuard nestjs + websoket?

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

@UseGuards(new JwtWsAuthGuard('тут агрумент')) то есть не передавать класс а передать экземпляр класса

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

Почему возникает ошибка у JwtWSGuard nestjs + websoket?

Максим, а дк ты в класс не прокинул агрумент), мде

Почему возникает ошибка у JwtWSGuard nestjs + websoket?

Максим, хм, ладно оставь как было но в super прокинь JwtService

Почему возникает ошибка у JwtWSGuard nestjs + websoket?

Максим,

private validateToken(token: string): Promise<any> {
    try {
      const jwtPayload: any = jwtService.verifyAsync(token, {
        secret: 'secretKey',
      });
      return jwtPayload;
    } catch (error) {
      console.log(error);
      return null;
    }
  }

Почему возникает ошибка у JwtWSGuard nestjs + websoket?

у тебя как минимум должна быть ошибка cors потому что у тебя написано в опциях

origin: '*',
    credentials: true,

origin не может быть '*' при credentials true

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

Cannot read properties of undefined

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина,

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

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

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, вот такой у меня был примерно написан массив роутов, только там был ещё ключ title и значение к нему, типа если path равен '/cats' то title был для него 'Кошечки' к примеру) , я его просто экспортировал в компонент хлебных крошек и пробегался по нему https://reactrouter.com/en/main/routers/router-provider

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, кароче твоя проблема в том что ты не верно пытаешься сделать компонент хлебных крошек

в последний раз когда я делал компонент хлебных крошек, это было на стажировке на реакте, и я там пробегался по массиву роутов приложении, т.к приложение было не на некста а не реакте голом, и на основе pathname и роутов (дерева) приложения отображал те или иные хлебные крошки

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

Ну по крайней мере я бы сделал так, как другие сделали бы - не знаю

если мой вариант не устроит, просто заходишь на гитхаб и вбиваешь в поиск breadcrumbs next example и смотришь как реализовали другие

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, всё что я прочитал я понял до одного момента

(в нем нужно получать путь в адресной строке, что я делаю через const segments = useSelectedLayoutSegments()). И этот компонент должен получать данные

не нужно в хлебных крошках получать какие-то данные с сервера, компонент хлебных крошек должен отображает ссылки на основе адресного пути или же параметров, в зависимости от того как реализован компонент хлебных крошек, у тебя кстати там написано ul > li, желательно там делать полную навигацию, nav > ul > li > a > текст

и всё что остаётся для того что бы получать pathname с клиента, это заюзать хук usePathname из некста
https://nextjs.org/docs/app/api-reference/function...

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, можешь заюзать SWR, или же получить данные в useEffect или получить данные в вышестоящем серверном компоненте и прокинуть их во вложенный клиентский компонент

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

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

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

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

в useEffect

Как получить момент когда весь контент страницы по-настоящему загружен в React?

jeanrus, нет)

Серверный рендеринг страниц включая компоненты?

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

Серверный рендеринг страниц включая компоненты?

AlexCruel, да

Серверный рендеринг страниц включая компоненты?

godsplane, ну у автора своё видение ситуации и для этого он готов просто тонну шлака запихать в стор, ради решения этой проблемы

Серверный рендеринг страниц включая компоненты?

godsplane, точнее не дублировать код загрузки компонента, надо что бы компонент 2жды не загружался на разных страницах, а 1 раз всего лишь, кароче оптимизация 100 уровень

Серверный рендеринг страниц включая компоненты?

godsplane, он же написал, для того что бы не дублировать компонент на страницах))

Как лучше повышать словарный запас?

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

Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'?

gaming_shark, в useEffect твой lastElement.current - в данном коде !!! именно в данном коде - никогда не будет пустым, там будет твой див