No back button

[quertc]

In the latest version with App Router there is no back button after routing. In previous versions with Pages Router (for example, 39c4e4f) this button exists and works correctly. This also works for https://github.com/Telegram-Mini-Apps/reactjs-template.

[heyqbnk]

Does it work fine for you now?

[quertc]

Does it work fine for you now?

No.

[musme]

It`s maybe a wrong way but I added the BackButton this way:

src\components\Root\Root.tsx

import {initBackButton} from "@telegram-apps/sdk-react";
import { usePathname, useRouter } from "next/navigation";

...

function App(props: PropsWithChildren) {
  const [backbutton] = initBackButton();
  const { back } = useRouter();
  const pathname = usePathname();
  
  const onBackClick = useCallback(() => {
    if (pathname !== "/") {
      back();
    }
  }, [back, pathname]);
  
  useEffect(() => {
    backbutton.on("click", onBackClick);
    return () => {
      backbutton.off("click", onBackClick);
    };
  }, [backbutton, onBackClick]);
  
  useEffect(() => {
    if (pathname !== "/") {
      backbutton.show();
    } else {
      backbutton.hide();
    }
  }, [backbutton, pathname])
  
}