App is extremely laggy when navigating to sub routes

Smart TV
1

I am developing a project to make an app on the available source using create-react-app (“react”: “^18.2.0” “react-dom”: “^18.2.0”), react-router-dom : ^6.27.0 and I have integrated @noriginmedia/norigin-spatial-navigation for navigation on the application.

In the App I use createMemoryRouter, RouterProvider, the hierarchy is as follows:

<ErrorBoundary FallbackComponent={<></>}>
      <QueryClientProvider client={queryClient}>

        <AppRoutes /> // Define child routes, use createMemoryRouter, RouterProvider

        <ReactQueryDevtools initialIsOpen={false} />
      </QueryClientProvider>
</ErrorBoundary>

When running on the Simulator, the application is very smooth when switching pages as well as navigating elements. But when building the application to run on a real TV, the index page is very smooth, but when switching to the child pages, it is extremely slow when navigating elements. All child pages are slow and very laggy except the index page (here also uses the navigation library like the child pages)

Hope to receive help from everyone

2

Hello,
For Smart TV questions, please log in to TV Seller Office: (Seller2.0), go to the 1:1 Q&A section, and ask a question.

3

I can’t submit the question because the app field has no information because the app is developing

4

Hello.
You can try reaching out to the content manager for your local Samsung Customer support.
You should be able to find the support channels available in your country at Support Home | Official Samsung Support US