App Routerへの移行

[puripuri2100]

Nextjs 13でリリースされたApp Routerに移行できると今後楽

[Myxogastria0808]

App Routerへの移行を試みたのですが、以下の四点の問題を解消できずにいます。
問題点1: storybookが動かない
私自身、storybookを使ったことがないので問題の解消ができないだけだと思うのですが、yarn storybookをしても動きませんでした。
問題点2: Next.js13から、クエリパラメータを利用する場合は、useRouterからuseSearchParamsに変える必要があるが、route.query.~で記述しておられる部分がuseSearchParamsには存在しないようで、解消方法がわからない
行った作業としては、import { useRouter } from 'next/router' から import { useSearchParams } from 'next/navigation'への変更と、 const route = useRouter()から const route = useSearchParams()への変更です。
問題点3: styledに関するエラーが解消できない
このエラーは、修正方法がわかりませんでした。すいません... (styled-componetsのことです。)
問題点4: FOUCが解消できない
他のページに動くときにｍstyleが当たるタイミングが遅く、一瞬レイアウトがぐちゃぐちゃの状態の画面が表示されます。ネットの解決方法を参考にいじって見たのですが、解消できませんでした。
その他のエラーは、だいたい改修できたと思っています。

[Myxogastria0808]

上記の問題は解消できていない状態ですが、作業結果をpushしたブランチを生やしておきました。
以下が、作業結果となります。
fix/#111-move-to-AppRouter

[puripuri2100]

了解です
自分も暇なときに上記の4点について調査してみます