Как типизировать router.push(pathname)?

Question

[Jeux_Onmobil]

Пишу на nextjs 13.4 (app директива)

import { usePathname, useRouter } from 'next/navigation';

export const Component = () => {
    const router = useRouter();
    const pathname = usePathname();
    ...
    router.push(pathname); // получаю ошибку
    ...
}

TS2345: Argument of type 'string | null' is not assignable to parameter of type 'RouteImpl<string | null>'.   Type 'null' is not assignable to type 'RouteImpl<string | null>'.

Дело в том, что RouteImpl уже не экспортировать из next/navigation

Comments

[modelair]

напишите рядом свой RouteImpl

Answer 1

[Aetae]

Проверил чистую установку next 13.4.12 - такой проблемы нет.

Где-то говняет типы роутера. Возможно у тебя отдельно в package.json подключена устаревшая в версия роутера - тогда удали её.
Иначе тыкни Ctrl+Click на .push и тебе откроет файл с декларацией, если она не\не только в next/dist/shared/lib/app-router-context.d.ts - разбирайся откуда взялась левая.

Answer 2

[Дмитрий Беляев]

if (pathname !== null) {
    router.push(pathname);
}

Comments

[Jeux_Onmobil]

TS2345: Argument of type 'string' is not assignable to parameter of type 'RouteImpl '.

[Дмитрий Беляев]

Jeux_Onmobil, покажите тип RouteImpl

[Jeux_Onmobil]

Дмитрий Беляев, его не существует, я не могу его найти и получить из какого-либо файла next. А ошибка ругается на этот тип как раз

Answer 3

[Alexander]

Ты можешь сделать так:
router.push(`${pathname}`)

Answer 4

[Татьяна Джанаева]

если кто-то, как и я только что - не получил прямой ответ на прямой вопрос, то вот он ответ:
надо протипизировать роут энамкой, состоящей из папок в вашем app, ибо этот RouteImpl уже содержит в себе названия папок, ктр вы пропишите в app
route: '/route1' | '/route2' | '/route3';