[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
      <AppDevOverlayErrorBoundary globalError={[...]}>
        <ReplaySsrOnlyErrors>
        <DevRootHTTPAccessFallbackBoundary>
          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <Head headCacheNode={{rsc:{...}, ...}}>
                    <__next_viewport_boundary__>
                    <MetadataWrapper>
                      <div
                        hidden={true}
-                       bis_skin_checked="1"
                      >
                    ...
                  <__next_root_layout_boundary__>
                    <SegmentViewNode type="layout" pagePath="layout.tsx">
                      <SegmentTrieNode>
                      <link>
                      <script>
                      <script>
                      <RootLayout>
                        <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                          <body
                            className="min-h-screen bg-bg font-sans text-ink antialiased"
-                           __processed_0d173892-9181-4639-ba33-5b7592127a86__="true"
-                           bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWll..."
                          >
                            <a>
                            ...
                              <SegmentViewNode type="page" pagePath="page.tsx">
                                <SegmentTrieNode>
                                <HomePage>
                                  <Suspense>
                                  <div
                                    className="relative z-10 -mt-8 md:-mt-10"
-                                   bis_skin_checked="1"
                                  >
                              ...
                  ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={null} initialSettings={null} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <InnerScrollHandlerNew focusAndScrollRef={{scrollRef:null, ...}} cacheNode={{rsc:{...}, ...}}>
      <ErrorBoundary errorComponent={undefined} errorStyles={undefined} errorScripts={undefined}>
        <LoadingBoundary name="/" loading={null}>
          <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
                    <SegmentViewNode type="page" pagePath="page.tsx">
                      <SegmentTrieNode>
                      <HomePage>
                        <Suspense fallback={{...}}>
                          <HeroSlider slides={[...]}>
                            <section aria-label="Featured t..." className="relative i..." ...>
                              <div
                                aria-hidden={false}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:1,zIndex:1}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <ImagePreload>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                className="pointer-events-none absolute inset-x-0 bottom-0 z-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="mx-auto w-full max-w-[1600px] px-5 pb-24 sm:px-8 sm:pb-26 lg:pl-3 lg:pr-1..."
-                                 bis_skin_checked="1"
                                >
                                  <div
                                    className="animate-fade-in max-w-[620px]"
-                                   bis_skin_checked="1"
                                  >
                                    <HeroCopy slide={{...}}>
                                      <div
                                        className="pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                                        <p>
                                        <div
                                          className="mb-3 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] fo..."
-                                         bis_skin_checked="1"
                                        >
                                        <img>
                                        <ImagePreload>
                                        <h1>
                                        <p>
                                        <p>
                                        <div
                                          className="mt-6 flex flex-wrap items-center gap-3"
-                                         bis_skin_checked="1"
                                        >
                              <button>
                              <button>
                              <div
                                className="absolute inset-x-0 bottom-20 z-20 flex justify-center gap-2 sm:bottom-24 md..."
-                               bis_skin_checked="1"
                              >
                          <div
                            aria-hidden={true}
                            className="pointer-events-none h-16 bg-linear-to-b from-transparent to-bg md:h-20"
-                           bis_skin_checked="1"
                          >
                        ...
                    ...
                  ...
      ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/282326" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/1413" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/108978" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/136..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:70998, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/70998" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2224, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2224" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:318918, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/318918" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:305357, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/305357" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:103516, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/103516" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782147, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781993, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781969, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781935, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781805, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781796, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781697, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781641, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1781568, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated TV" href="/tv?sort=v..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated TV" subtitle={undefined} href="/tv?sort=v...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336705, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336705" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336702, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336702" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336531, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336531" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336521, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336521" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336455, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336455" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336413, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336326, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336248, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336248" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336075, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336075" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336016, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336016" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336011, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336011" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336010, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336010" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336009, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336009" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335972, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335972" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335965, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335965" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335815, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335815" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335794, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335794" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335577, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335510, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335510" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335409, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335409" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Action" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Action" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1386315, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/138..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Adventure" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Adventure" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Comedy" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Comedy" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1599993, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/159..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1137844, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1393326, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/139..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:533535, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/533535" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Drama" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Drama" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:475557, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/475557" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1408162, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/140..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Horror &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Horror &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1469930, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:276488, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/276488" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1127384, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/112..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1393326, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/139..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1291595, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1212763, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/121..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1405742, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/140..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Sci-Fi &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Sci-Fi &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:755898, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/755898" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1275779, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/127..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:24428, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/24428" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Crime" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Crime" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:475557, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/475557" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:155, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/155" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1280738, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:860508, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/860508" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1514682, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:680, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/680" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1439930, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/143..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:377670, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/377670" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:161, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/161" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Mystery" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Mystery" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1058424, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/105..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368166, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:414906, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/414906" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1304313, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:210577, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/210577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1168190, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/116..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1078605, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/107..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1318467, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:198663, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/198663" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1301421, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Romance" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Romance" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1440098, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/144..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1285366, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1408162, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/140..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1523145, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/152..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685882, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1302904, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:895954, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/895954" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:26827, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/26827" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:950028, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/950028" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:64437, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/64437" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1010581, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/101..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:597, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/597" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:6435, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/6435" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:71578, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/71578" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Animation" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Animation" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1311031, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1226863, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1184918, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:569094, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/569094" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1327819, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:863, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/863" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4935, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/4935" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:803796, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/803796" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:354912, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/354912" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:14836, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/14836" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1007757, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
              ...
            ...
 
⨯ Error: aborted
    at ignore-listed frames {
  code: 'ECONNRESET'
}
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(Use `node --trace-warnings ...` to show where the warning was created)
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
      <AppDevOverlayErrorBoundary globalError={[...]}>
        <ReplaySsrOnlyErrors>
        <DevRootHTTPAccessFallbackBoundary>
          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
            <HTTPAccessFallbackErrorBoundary pathname="/login" notFound={<NotAllowedRootHTTPFallbackError>} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <Head headCacheNode={{rsc:{...}, ...}}>
                    <__next_viewport_boundary__>
                    <MetadataWrapper>
                      <div
                        hidden={true}
-                       bis_skin_checked="1"
                      >
                    ...
                  <__next_root_layout_boundary__>
                    <SegmentViewNode type="layout" pagePath="layout.tsx">
                      <SegmentTrieNode>
                      <link>
                      <script>
                      <script>
                      <RootLayout>
                        <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                          <body
                            className="min-h-screen bg-bg font-sans text-ink antialiased"
-                           __processed_4207d9e7-49f4-4cbc-a3f0-158e32158e4e__="true"
-                           bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWll..."
                          >
                            <a>
                            ...
                              <SegmentViewNode type="page" pagePath="login/page...">
                                <SegmentTrieNode>
                                <LoginPage>
                                  <AuthShell>
                                    <main className="relative i...">
                                      <div
                                        aria-hidden={true}
                                        className="pointer-events-none absolute inset-0 -z-10"
-                                       bis_skin_checked="1"
                                      >
                                        <div
                                          className="absolute inset-0 bg-surface"
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute -top-40 -left-32 h-[520px] w-[520px] rounded-full bg-bra..."
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute -right-40 top-1/4 h-[460px] w-[460px] rounded-full bg-sk..."
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute inset-0 bg-linear-to-b from-transparent via-transparent ..."
-                                         bis_skin_checked="1"
                                        >
                                      <div
                                        className="mx-auto grid w-full max-w-6xl gap-12 px-5 py-14 sm:px-8 lg:grid-col..."
-                                       bis_skin_checked="1"
                                      >
                                        <section>
                                        <section className="w-full">
                                          <div
                                            className="mb-8 lg:hidden"
-                                           bis_skin_checked="1"
                                          >
                                          <div
                                            className="rounded-2xl border border-line bg-surface-2/70 p-6 shadow-[0_24..."
-                                           bis_skin_checked="1"
                                          >
                                          ...
                              ...
                  ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/login" notFound={<NotAllowedRootHTTPFallbackError>} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={null} initialSettings={null} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <RedirectBoundary>
      <RedirectErrorBoundary router={{...}}>
        <InnerLayoutRouter url="/login?nex..." tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
          <SegmentViewNode type="page" pagePath="login/page...">
            <SegmentTrieNode>
            <LoginPage>
              <AuthShell>
                <main className="relative i...">
                  <div>
                  <div className="mx-auto gr...">
                    <section>
                    <section className="w-full">
                      <div>
                      <div className="rounded-2x...">
                        <Suspense fallback={null}>
                          <AuthForm mode="login">
                            <form onSubmit={function useAuthSubmit.useCallback[onSubmit]} noValidate={true} ...>
                              <Field label="Email or u..." htmlFor="_R_aklritu..." error={undefined}>
                                <div
                                  className="space-y-1.5"
-                                 bis_skin_checked="1"
                                >
                              <Field label="Password" htmlFor="_R_aklritu..." error={undefined}>
                                <div
                                  className="space-y-1.5"
-                                 bis_skin_checked="1"
                                >
                                  <label>
                                  <div
                                    className="relative"
-                                   bis_skin_checked="1"
                                  >
                              ...
                      ...
          ...
        ...
 
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] ⨯ unhandledRejection: TypeError: Cannot read properties of undefined (reading 'M_ID')
    at Y (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:761)
    at E (chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js:1:1442)
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
      <AppDevOverlayErrorBoundary globalError={[...]}>
        <ReplaySsrOnlyErrors>
        <DevRootHTTPAccessFallbackBoundary>
          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
            <HTTPAccessFallbackErrorBoundary pathname="/login" notFound={<NotAllowedRootHTTPFallbackError>} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <Head headCacheNode={{rsc:{...}, ...}}>
                    <__next_viewport_boundary__>
                    <MetadataWrapper>
                      <div
                        hidden={true}
-                       bis_skin_checked="1"
                      >
                    ...
                  <__next_root_layout_boundary__>
                    <SegmentViewNode type="layout" pagePath="layout.tsx">
                      <SegmentTrieNode>
                      <link>
                      <script>
                      <script>
                      <RootLayout>
                        <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                          <body
                            className="min-h-screen bg-bg font-sans text-ink antialiased"
-                           __processed_629b1db9-5cab-4a74-beaa-96210ce871d8__="true"
-                           bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWll..."
                          >
                            <a>
                            ...
                              <SegmentViewNode type="page" pagePath="login/page...">
                                <SegmentTrieNode>
                                <LoginPage>
                                  <AuthShell>
                                    <main className="relative i...">
                                      <div
                                        aria-hidden={true}
                                        className="pointer-events-none absolute inset-0 -z-10"
-                                       bis_skin_checked="1"
                                      >
                                        <div
                                          className="absolute inset-0 bg-surface"
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute -top-40 -left-32 h-[520px] w-[520px] rounded-full bg-bra..."
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute -right-40 top-1/4 h-[460px] w-[460px] rounded-full bg-sk..."
-                                         bis_skin_checked="1"
                                        >
                                        <div
                                          className="absolute inset-0 bg-linear-to-b from-transparent via-transparent ..."
-                                         bis_skin_checked="1"
                                        >
                                      <div
                                        className="mx-auto grid w-full max-w-6xl gap-12 px-5 py-14 sm:px-8 lg:grid-col..."
-                                       bis_skin_checked="1"
                                      >
                                        <section>
                                        <section className="w-full">
                                          <div
                                            className="mb-8 lg:hidden"
-                                           bis_skin_checked="1"
                                          >
                                          <div
                                            className="rounded-2xl border border-line bg-surface-2/70 p-6 shadow-[0_24..."
-                                           bis_skin_checked="1"
                                          >
                                          ...
                              ...
                  ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/login" notFound={<NotAllowedRootHTTPFallbackError>} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={null} initialSettings={null} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <RedirectBoundary>
      <RedirectErrorBoundary router={{...}}>
        <InnerLayoutRouter url="/login" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
          <SegmentViewNode type="page" pagePath="login/page...">
            <SegmentTrieNode>
            <LoginPage>
              <AuthShell>
                <main className="relative i...">
                  <div>
                  <div className="mx-auto gr...">
                    <section>
                    <section className="w-full">
                      <div>
                      <div className="rounded-2x...">
                        <Suspense fallback={null}>
                          <AuthForm mode="login">
                            <form onSubmit={function useAuthSubmit.useCallback[onSubmit]} noValidate={true} ...>
                              <Field label="Email or u..." htmlFor="_R_aklritu..." error={undefined}>
                                <div
                                  className="space-y-1.5"
-                                 bis_skin_checked="1"
                                >
                              <Field label="Password" htmlFor="_R_aklritu..." error={undefined}>
                                <div
                                  className="space-y-1.5"
-                                 bis_skin_checked="1"
                                >
                                  <label>
                                  <div
                                    className="relative"
-                                   bis_skin_checked="1"
                                  >
                              ...
                      ...
          ...
        ...
 
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
[browser] ./app/api/auth/register/route.ts:1:1
Error: Export validatePasswordStrength doesn't exist in target module
> 1 | import { hashPassword, validatePasswordStrength } from "@/lib/auth/password";
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  2 | import { csrfGuard, ensureCsrfCookie, sameOriginGuard } from "@/lib/auth/csrf";
  3 | import { createSession } from "@/lib/auth/session";
  4 | import { createUser, emailExists, usernameExists } from "@/db/queries/users";

The export validatePasswordStrength was not found in module [project]/lib/auth/password.ts [app-route] (ecmascript).
Did you mean to import verifyPassword?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist. 
[browser] ./app/api/auth/password/route.ts:1:1
Error: Export validatePasswordStrength doesn't exist in target module
> 1 | import { hashPassword, validatePasswordStrength, verifyPassword } from "@/lib/auth/password";
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  2 | import { csrfGuard, ensureCsrfCookie, sameOriginGuard } from "@/lib/auth/csrf";
  3 | import { getSession, rotateSession } from "@/lib/auth/session";
  4 | import { updatePassword } from "@/db/queries/users";

The export validatePasswordStrength was not found in module [project]/lib/auth/password.ts [app-route] (ecmascript).
Did you mean to import verifyPassword?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist. 
[browser] ./app/api/auth/password/route.ts:1:1
Error: Export validatePasswordStrength doesn't exist in target module
> 1 | import { hashPassword, validatePasswordStrength, verifyPassword } from "@/lib/auth/password";
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  2 | import { csrfGuard, ensureCsrfCookie, sameOriginGuard } from "@/lib/auth/csrf";
  3 | import { getSession, rotateSession } from "@/lib/auth/session";
  4 | import { updatePassword } from "@/db/queries/users";

The export validatePasswordStrength was not found in module [project]/lib/auth/password.ts [app-route] (ecmascript).
Did you mean to import verifyPassword?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist. 
[browser] ./app/api/auth/password/route.ts:1:1
Error: Export validatePasswordStrength doesn't exist in target module
> 1 | import { hashPassword, validatePasswordStrength, verifyPassword } from "@/lib/auth/password";
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  2 | import { csrfGuard, ensureCsrfCookie, sameOriginGuard } from "@/lib/auth/csrf";
  3 | import { getSession, rotateSession } from "@/lib/auth/session";
  4 | import { updatePassword } from "@/db/queries/users";

The export validatePasswordStrength was not found in module [project]/lib/auth/password.ts [app-route] (ecmascript).
Did you mean to import verifyPassword?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist. 
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
⨯ Error: aborted
    at ignore-listed frames {
  code: 'ECONNRESET'
}
⨯ Error: aborted
    at ignore-listed frames {
  code: 'ECONNRESET'
}
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
      <AppDevOverlayErrorBoundary globalError={[...]}>
        <ReplaySsrOnlyErrors>
        <DevRootHTTPAccessFallbackBoundary>
          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <Head headCacheNode={{rsc:{...}, ...}}>
                    <__next_viewport_boundary__>
                    <MetadataWrapper>
                      <div
                        hidden={true}
-                       bis_skin_checked="1"
                      >
                    ...
                  <__next_root_layout_boundary__>
                    <SegmentViewNode type="layout" pagePath="layout.tsx">
                      <SegmentTrieNode>
                      <link>
                      <script>
                      <script>
                      <RootLayout>
                        <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                          <body
                            className="min-h-screen bg-bg font-sans text-ink antialiased"
-                           __processed_4900c950-b612-4095-844c-f2568c5718a2__="true"
-                           bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWll..."
                          >
                            <a>
                            ...
                              <SegmentViewNode type="page" pagePath="page.tsx">
                                <SegmentTrieNode>
                                <HomePage>
                                  <Suspense>
                                  <div
                                    className="relative z-10 -mt-8 md:-mt-10"
-                                   bis_skin_checked="1"
                                  >
                              ...
                  ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <InnerScrollHandlerNew focusAndScrollRef={{scrollRef:null, ...}} cacheNode={{rsc:{...}, ...}}>
      <ErrorBoundary errorComponent={undefined} errorStyles={undefined} errorScripts={undefined}>
        <LoadingBoundary name="/" loading={null}>
          <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
                    <SegmentViewNode type="page" pagePath="page.tsx">
                      <SegmentTrieNode>
                      <HomePage>
                        <Suspense fallback={<div>}>
                          <HeroSlider slides={[...]}>
                            <section aria-label="Featured t..." className="relative i..." ...>
                              <div
                                aria-hidden={false}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:1,zIndex:1}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <ImagePreload>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                className="pointer-events-none absolute inset-x-0 bottom-0 z-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="mx-auto w-full max-w-[1600px] px-5 pb-24 sm:px-8 sm:pb-26 lg:pl-3 lg:pr-1..."
-                                 bis_skin_checked="1"
                                >
                                  <div
                                    className="animate-fade-in max-w-[620px]"
-                                   bis_skin_checked="1"
                                  >
                                    <HeroCopy slide={{...}}>
                                      <div
                                        className="pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                                        <p>
                                        <div
                                          className="mb-3 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] fo..."
-                                         bis_skin_checked="1"
                                        >
                                        <img>
                                        <ImagePreload>
                                        <h1>
                                        <p>
                                        <p>
                                        <div
                                          className="mt-6 flex flex-wrap items-center gap-3"
-                                         bis_skin_checked="1"
                                        >
                              <button>
                              <button>
                              <div
                                className="absolute inset-x-0 bottom-20 z-20 flex justify-center gap-2 sm:bottom-24 md..."
-                               bis_skin_checked="1"
                              >
                          <div
                            aria-hidden={true}
                            className="pointer-events-none h-16 bg-linear-to-b from-transparent to-bg md:h-20"
-                           bis_skin_checked="1"
                          >
                        ...
                    ...
                  ...
      ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:297982, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/297982" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:30984, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/30984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2190, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2190" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:289078, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/289078" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1784097, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783923, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783774, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783494, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783490, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783482, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783474, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783419, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783130, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:297982, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/297982" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:30984, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/30984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2190, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2190" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:289078, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/289078" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1784097, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783923, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783774, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783494, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783490, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783482, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783474, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783419, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783130, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated TV" href="/tv?sort=v..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated TV" subtitle={undefined} href="/tv?sort=v...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336705, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336705" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336702, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336702" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336531, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336531" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336521, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336521" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336413, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336248, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336248" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336075, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336075" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336016, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336016" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336011, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336011" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336010, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336010" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336009, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336009" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335972, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335972" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335965, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335965" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335815, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335815" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335794, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335794" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335577, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335510, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335510" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335409, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335409" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335390, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335390" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Action" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Action" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1386315, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/138..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Adventure" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Adventure" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Comedy" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Comedy" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1599993, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/159..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:533535, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/533535" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1137844, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Drama" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Drama" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Horror &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Horror &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1469930, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:276488, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/276488" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1291595, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1127384, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/112..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1212763, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/121..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1393326, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/139..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:126889, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126889" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:297982, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/297982" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:30984, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/30984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2190, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2190" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:289078, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/289078" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1784097, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783923, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783774, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783494, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783490, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783482, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783474, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783419, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783130, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated TV" href="/tv?sort=v..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated TV" subtitle={undefined} href="/tv?sort=v...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336705, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336705" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336702, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336702" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336531, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336531" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336521, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336521" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336413, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336248, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336248" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336075, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336075" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336016, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336016" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336011, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336011" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336010, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336010" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336009, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336009" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335972, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335972" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335965, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335965" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335815, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335815" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335794, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335794" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335577, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335510, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335510" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335409, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335409" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335390, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335390" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Action" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Action" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1386315, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/138..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Adventure" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Adventure" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Comedy" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Comedy" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1599993, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/159..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:533535, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/533535" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1137844, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Drama" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Drama" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Horror &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Horror &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1469930, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:276488, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/276488" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1291595, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1127384, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/112..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1212763, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/121..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1393326, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/139..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:126889, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126889" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Sci-Fi &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Sci-Fi &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:755898, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/755898" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1275779, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/127..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:24428, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/24428" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Crime" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Crime" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:155, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/155" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1280738, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:475557, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/475557" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:28322, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/28322" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1514682, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:860508, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/860508" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/680" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1433583, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/143..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1439930, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/143..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Mystery" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Mystery" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1058424, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/105..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:414906, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/414906" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368166, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:137051, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137051" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1078605, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/107..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:210577, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/210577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1304313, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:11324, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/11324" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1168190, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/116..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:198663, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/198663" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:297982, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/297982" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:30984, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/30984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2190, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2190" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:289078, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/289078" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1784097, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783923, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783774, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783494, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783490, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783482, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783474, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783419, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783130, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <Head>
            <__next_root_layout_boundary__>
              <SegmentViewNode type="layout" pagePath="layout.tsx">
                <SegmentTrieNode>
                <link>
                <script>
                <script>
                <RootLayout>
                  <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                    <body className="min-h-scre...">
                      <a>
                      <SessionProvider initialUser={{id:129, ...}} initialSettings={{...}} initialProviders={{...}} ...>
                        <HistoryTracker>
                        <SiteChrome>
                          <Suspense fallback={null}>
                            <SiteHeader>
                              <header className="pointer-ev...">
                                <div
                                  className="flex h-14 w-full items-center justify-between gap-3 px-4 sm:h-16 sm:px-6 ..."
-                                 bis_skin_checked="1"
                                >
                                  <LinkComponent>
                                  <div
                                    className="flex shrink-0 items-center gap-1.5 sm:gap-2.5"
-                                   bis_skin_checked="1"
                                  >
                                    <SearchTrigger>
                                    <DropdownMenu label="Account" align="end" items={[...]} className="pointer-ev...">
                                      <div
                                        ref={{current:null}}
                                        className="relative pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                            <FloatingNav>
                              <div
                                className="pointer-events-none fixed inset-x-0 bottom-0 z-[500] flex justify-center px..."
-                               bis_skin_checked="1"
                              >
                        ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending T..." href="/search" items={[...]} variant="ranked">
                          <section className="group/row ...">
                            <RowHeading title="Trending T..." subtitle={undefined} href="/search">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/142..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/149..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/977942" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/124..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/95350" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/120..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/137..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/103..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/128..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/133..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/126..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/108..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/146..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/969681" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/247718" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/100..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/movie/160..." className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/94664" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  ...
                                    <LinkComponent href="/tv/299939" className="relative -...">
                                      <a className="relative -..." ref={function} onClick={function onClick} ...>
                                        <div
                                          className="relative aspect-2/3 w-[148px] overflow-hidden rounded-md bg-surfa..."
-                                         bis_skin_checked="1"
                                        >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular Mo..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular Mo..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Popular TV..." href="/tv?sort=p..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Popular TV..." subtitle={undefined} href="/tv?sort=p...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:91759, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/91759" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:275102, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/275102" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:22980, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/22980" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2734, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2734" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2261, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2261" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:59941, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/59941" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:63770, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/63770" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:456, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/456" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:549, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/549" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:5920, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/5920" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:61818, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/61818" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94722, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2316, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2316" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:33238, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/33238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1416, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1416" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4614, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/4614" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:498, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/498" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65733, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65733" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending M..." href="/movies" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending M..." subtitle={undefined} href="/movies">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Trending S..." href="/tv" items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Trending S..." subtitle={undefined} href="/tv">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:247718, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/247718" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:95350, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/95350" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:94664, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/94664" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299939, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/299939" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:108978, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/108978" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:282326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/282326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1413, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/1413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:250203, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/250203" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:113962, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/113962" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:37854, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/37854" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:287620, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/287620" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:297982, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/297982" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:30984, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/30984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:2190, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/2190" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:65942, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/65942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45790, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/45790" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:615, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/615" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:290720, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/290720" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:273207, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/273207" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:289078, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/289078" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="New Movies" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="New Movies" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1769785, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/176..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1753579, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750521, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1750185, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746802, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1746743, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1741037, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/174..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1739299, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/173..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1727763, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1726816, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1723435, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/172..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1714811, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1713003, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1711927, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1710414, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/171..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1702398, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/170..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1697811, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1692623, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/169..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1687358, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685622, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated ..." href="/movies?so..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated ..." subtitle={undefined} href="/movies?so...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1784097, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783923, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783774, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783630, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783494, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783490, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783482, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783474, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783419, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783286, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783130, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1783015, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782952, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782377, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782323, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782255, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782184, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782179, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782171, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1782158, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/178..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Top Rated TV" href="/tv?sort=v..." items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Top Rated TV" subtitle={undefined} href="/tv?sort=v...">
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336705, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336705" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336702, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336702" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336531, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336531" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336521, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336521" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336413, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336413" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336326, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336326" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336248, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336248" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                            <div
                                              className="grid h-full w-full place-items-center bg-linear-to-br from-su..."
-                                             bis_skin_checked="1"
                                            >
                                            ...
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336075, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336075" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336016, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336016" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336011, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336011" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336010, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336010" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:336009, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/336009" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335972, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335972" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335965, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335965" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335815, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335815" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335794, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335794" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335577, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335510, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335510" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335409, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335409" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335390, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/tv/335390" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Action" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Action" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228834, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1294189, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1288445, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1607127, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/160..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1482547, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1386315, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/138..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Adventure" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Adventure" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368337, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1263337, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Comedy" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Comedy" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1204680, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/120..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1377237, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1108427, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1248832, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1599993, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/159..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:533535, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/533535" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1137844, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Drama" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Drama" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:977942, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/977942" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:82976, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/82976" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1130948, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/113..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1284465, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Horror &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Horror &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1339713, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/133..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1477712, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/147..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1469930, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:276488, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/276488" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1481603, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/148..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1291595, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1127384, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/112..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1212763, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/121..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1393326, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/139..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:126889, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/126889" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title={"Sci-Fi &..."} href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title={"Sci-Fi &..."} subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:969681, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/969681" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1423191, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1751701, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/175..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375646, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:460458, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/460458" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299534, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299534" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:687163, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/687163" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:299536, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/299536" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:335984, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/335984" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1003596, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:755898, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/755898" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:83533, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/83533" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1275779, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/127..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1323244, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1228710, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:157336, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/157336" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:24428, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/24428" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Crime" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Crime" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1492640, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/149..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1375441, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1580190, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/158..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1621552, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/162..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1419406, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/141..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:813418, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/813418" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:278, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/278" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:238, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/238" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:155, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/155" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1280738, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:445466, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/445466" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:475557, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/475557" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:28322, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/28322" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1514682, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:860508, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/860508" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:680, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/680" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1433583, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/143..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1439930, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/143..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Mystery" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Mystery" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1101383, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/110..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1232569, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/123..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1422011, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/142..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1083381, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1224993, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:591634, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/591634" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1193824, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/119..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1058424, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/105..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:675871, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/675871" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:414906, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/414906" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1368166, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/136..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:137051, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/137051" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1078605, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/107..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:210577, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/210577" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1304313, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1283515, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:11324, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/11324" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1168190, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/116..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:198663, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/198663" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Romance" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Romance" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1032863, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/103..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1240889, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/124..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1440098, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/144..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1538457, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/153..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1641629, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/164..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:45722, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/45722" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1516698, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/151..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1285366, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/128..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1302904, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/130..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1408162, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/140..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1523145, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/152..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:950028, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/950028" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:895954, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/895954" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1010581, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/101..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:597, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/597" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1685882, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/168..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:6435, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/6435" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:13, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/13" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:3933, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/3933" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:64437, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/64437" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
                    ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Animation" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Animation" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1311031, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1184918, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:569094, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/569094" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1226863, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4935, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/4935" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:863, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/863" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1327819, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:354912, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/354912" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1007757, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:129, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:8587, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/8587" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
              ...
            ...
 
⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/login/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/login/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/login/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/login/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/stream/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/stream/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/stream/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/stream/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/password/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/password/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/password/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/password/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/logout/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/logout/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/logout/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/logout/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/membership/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/membership/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/membership/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/membership/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/settings/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/settings/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/settings/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/settings/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/history/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/history/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/history/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/history/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/progress/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/progress/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/progress/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/progress/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/list/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/register/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/register/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/register/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/register/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/bootstrap/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/bootstrap/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/bootstrap/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/bootstrap/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/me/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/me/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/me/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/auth/me/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/download/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/download/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/download/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  App Route:
    ./lib/auth/session.ts
    ./app/api/providers/download/route.ts

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/register/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/register/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/register/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/register/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/history/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/history/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/history/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/history/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/settings/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/settings/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/settings/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./lib/require-session.ts
    ./app/settings/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/login/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/login/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/login/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/login/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import trace:
  Server Component:
    ./lib/auth/session.ts
    ./app/layout.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/watch/tv/[id]/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/watch/tv/[id]/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/watch/tv/[id]/page.tsx

https://nextjs.org/docs/messages/module-not-found


⨯ ./lib/auth/session.ts:9:4
Error: Module not found: Can't resolve '@/db/pool'
  [90m 7 |[0m   getDatabase,
  [90m 8 |[0m   mutateDatabase,
[31m[1m>[0m [90m 9 |[0m   [36mtype[0m [33mStoredUser[0m,
  [90m   |[0m    [31m[1m^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m10 |[0m } [36mfrom[0m [32m"@/lib/store/database"[0m;
  [90m   |[0m [31m[1m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^[0m
[31m[1m>[0m [90m11 |[0m [36mimport[0m { cookieSecurity, getServerEnv } [36mfrom[0m [32m"@/lib/env"[0m;
  [90m   |[0m [31m[1m^^^^^^[0m
  [90m12 |[0m [36mimport[0m {
  [90m13 |[0m   [33mCSRF_COOKIE[0m,
  [90m14 |[0m   [33mSESSION_COOKIE[0m,

Import map: aliased to relative './db/pool' inside of [project]/


Import traces:
  #1 [Server Component]:
    ./lib/auth/session.ts
    ./app/layout.tsx

  #2 [Server Component]:
    ./lib/auth/session.ts
    ./app/watch/tv/[id]/page.tsx

https://nextjs.org/docs/messages/module-not-found


[browser] Image with src "https://image.tmdb.org/t/p/w342/i7UyjfPio0VFHB9rBUZSFyhOoM8.jpg" was detected as the Largest Contentful Paint (LCP). Please add the `loading="eager"` property if this image is above the fold.
Read more: https://nextjs.org/docs/app/api-reference/components/image#loading
(node:15136) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
⚠ Found a change in next.config.ts. Restarting the server to apply the changes...
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
      <AppDevOverlayErrorBoundary globalError={[...]}>
        <ReplaySsrOnlyErrors>
        <DevRootHTTPAccessFallbackBoundary>
          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<NotAllowedRootHTTPFallbackError>} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <Head>
                  <__next_root_layout_boundary__>
                    <SegmentViewNode type="layout" pagePath="layout.tsx">
                      <SegmentTrieNode>
                      <link>
                      <script>
                      <script>
                      <RootLayout>
                        <html lang="en" data-theme="dark" data-scroll-behavior="smooth" className="inter_c35b..." ...>
                          <body
                            className="min-h-screen bg-bg font-sans text-ink antialiased"
-                           __processed_4ad13aad-8852-4481-b53f-18d4f11fe002__="true"
                          >
                  ...
 
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(Use `node --trace-warnings ...` to show where the warning was created)
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
      <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
        <RedirectBoundary>
          <RedirectErrorBoundary router={{...}}>
            <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:<Fragment>, ...}} segmentPath={[...]} ...>
              <SegmentViewNode type="page" pagePath="page.tsx">
                <SegmentTrieNode>
                <HomePage>
                  <Suspense>
                  <div className="relative z...">
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense>
                    <Suspense fallback={<section>}>
                      <Row>
                        <ContentRow title="Animation" href={"/movies?..."} items={[...]} variant="poster">
                          <section className="group/row ...">
                            <RowHeading title="Animation" subtitle={undefined} href={"/movies?..."}>
                              <div
                                className="mb-4 flex items-end justify-between gap-4 px-4 sm:px-6 lg:px-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="flex min-w-0 items-center gap-3"
-                                 bis_skin_checked="1"
                                >
                                  <span>
                                  <div
                                    className="min-w-0"
-                                   bis_skin_checked="1"
                                  >
                                ...
                            <div
                              className="relative"
-                             bis_skin_checked="1"
                            >
                              <div
                                ref={{current:null}}
                                onScroll={function ContentRow.useCallback[measure]}
                                className="no-scrollbar rail flex snap-x snap-mandatory gap-3.5 overflow-x-auto px-4 s..."
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084244, ...}} priority={false} index={0}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1315772, ...}} priority={false} index={1}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1465063, ...}} priority={false} index={2}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/146..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1185806, ...}} priority={false} index={3}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1084242, ...}} priority={false} index={4}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/108..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:980431, ...}} priority={false} index={5}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/980431" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1311031, ...}} priority={false} index={6}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/131..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1560520, ...}} priority={false} index={7}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/156..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:150540, ...}} priority={false} index={8}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/150540" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1184918, ...}} priority={false} index={9}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/118..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:20352, ...}} priority={false} index={10}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/20352" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:569094, ...}} priority={false} index={11}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/569094" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1226863, ...}} priority={false} index={12}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/122..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:4935, ...}} priority={false} index={13}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/4935" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:863, ...}} priority={false} index={14}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/863" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1327819, ...}} priority={false} index={15}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/132..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:354912, ...}} priority={false} index={16}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/354912" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:1007757, ...}} priority={false} index={17}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/100..." className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:129, ...}} priority={false} index={18}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/129" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                                <div
                                  className="snap-start"
-                                 bis_skin_checked="1"
                                >
                                  <PosterCard item={{id:8587, ...}} priority={false} index={19}>
                                    <article className="group rela...">
                                      <LinkComponent href="/movie/8587" className="block focu...">
                                        <a className="block focu..." ref={function} onClick={function onClick} ...>
                                          <div
                                            className="card-poster"
-                                           bis_skin_checked="1"
                                          >
                                      <div
                                        className="mt-2.5 pr-1"
-                                       bis_skin_checked="1"
                                      >
                                      ...
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 left-0 w-16 bg-linear-to-r from-bg t..."
-                               bis_skin_checked="1"
                              >
                              <div
                                aria-hidden={true}
                                className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-bg ..."
-                               bis_skin_checked="1"
                              >
                              ...
              ...
            ...
 
[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch

  ...
    <InnerScrollHandlerNew focusAndScrollRef={{scrollRef:null, ...}} cacheNode={{rsc:<Fragment>, ...}}>
      <ErrorBoundary errorComponent={undefined} errorStyles={undefined} errorScripts={undefined}>
        <LoadingBoundary name="/" loading={null}>
          <HTTPAccessFallbackBoundary notFound={<SegmentViewNode>} forbidden={undefined} unauthorized={undefined}>
            <HTTPAccessFallbackErrorBoundary pathname="/" notFound={<SegmentViewNode>} forbidden={undefined} ...>
              <RedirectBoundary>
                <RedirectErrorBoundary router={{...}}>
                  <InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:<Fragment>, ...}} ...>
                    <SegmentViewNode type="page" pagePath="page.tsx">
                      <SegmentTrieNode>
                      <HomePage>
                        <Suspense fallback={<div>}>
                          <HeroSlider slides={[...]}>
                            <section aria-label="Featured t..." className="relative i..." ...>
                              <div
                                aria-hidden={false}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:1,zIndex:1}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <ImagePreload>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                aria-hidden={true}
                                className="absolute inset-0 transition-opacity duration-[900ms] ease-[cubic-bezier(0.4..."
                                style={{opacity:0,zIndex:0}}
-                               bis_skin_checked="1"
                              >
                                <img>
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-left absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-bottom absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                                <div
                                  aria-hidden={true}
                                  className="hero-scrim-top absolute inset-0"
-                                 bis_skin_checked="1"
                                >
                              <div
                                className="pointer-events-none absolute inset-x-0 bottom-0 z-10"
-                               bis_skin_checked="1"
                              >
                                <div
                                  className="mx-auto w-full max-w-[1600px] px-5 pb-24 sm:px-8 sm:pb-26 lg:pl-3 lg:pr-1..."
-                                 bis_skin_checked="1"
                                >
                                  <div
                                    className="animate-fade-in max-w-[620px]"
-                                   bis_skin_checked="1"
                                  >
                                    <HeroCopy slide={{...}}>
                                      <div
                                        className="pointer-events-auto"
-                                       bis_skin_checked="1"
                                      >
                                        <p>
                                        <div
                                          className="mb-3 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] fo..."
-                                         bis_skin_checked="1"
                                        >
                                        <img>
                                        <ImagePreload>
                                        <h1>
                                        <p>
                                        <p>
                                        <div
                                          className="mt-6 flex flex-wrap items-center gap-3"
-                                         bis_skin_checked="1"
                                        >
                              <button>
                              <button>
                              <div
                                className="absolute inset-x-0 bottom-20 z-20 flex justify-center gap-2 sm:bottom-24 md..."
-                               bis_skin_checked="1"
                              >
                          <div
                            aria-hidden={true}
                            className="pointer-events-none h-16 bg-linear-to-b from-transparent to-bg md:h-20"
-                           bis_skin_checked="1"
                          >
                        ...
                    ...
                  ...
      ...
 
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
⨯ Error: aborted
    at ignore-listed frames {
  code: 'ECONNRESET'
}
⨯ TypeError: The "path" argument must be of type string. Received undefined
    at databaseFile (lib\store\database.ts:186:15)
    at getDatabase (lib\store\database.ts:408:16)
    at <unknown> (lib\auth\session.ts:65:33)
  184 | function databaseFile(): string {
  185 |   const configured = getServerEnv().DATABASE_FILE;
> 186 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
      |               ^
  187 | }
  188 |
  189 | async function ensureDirectory(file: string): Promise<void> { {
  code: 'ERR_INVALID_ARG_TYPE',
  digest: '1736949609'
}
⨯ TypeError: The "path" argument must be of type string. Received undefined
    at databaseFile (lib\store\database.ts:186:15)
    at getDatabase (lib\store\database.ts:408:16)
    at <unknown> (lib\auth\session.ts:65:33)
  184 | function databaseFile(): string {
  185 |   const configured = getServerEnv().DATABASE_FILE;
> 186 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
      |               ^
  187 | }
  188 |
  189 | async function ensureDirectory(file: string): Promise<void> { {
  code: 'ERR_INVALID_ARG_TYPE',
  digest: '1736949609'
}
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
⨯ TypeError: The "path" argument must be of type string. Received undefined
    at databaseFile (lib\store\database.ts:186:15)
    at getDatabase (lib\store\database.ts:408:16)
    at <unknown> (lib\auth\session.ts:65:33)
  184 | function databaseFile(): string {
  185 |   const configured = getServerEnv().DATABASE_FILE;
> 186 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
      |               ^
  187 | }
  188 |
  189 | async function ensureDirectory(file: string): Promise<void> { {
  code: 'ERR_INVALID_ARG_TYPE',
  digest: '237381286'
}
⨯ TypeError: The "path" argument must be of type string. Received undefined
    at databaseFile (lib\store\database.ts:186:15)
    at getDatabase (lib\store\database.ts:408:16)
    at <unknown> (lib\auth\session.ts:65:33)
  184 | function databaseFile(): string {
  185 |   const configured = getServerEnv().DATABASE_FILE;
> 186 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
      |               ^
  187 | }
  188 |
  189 | async function ensureDirectory(file: string): Promise<void> { {
  code: 'ERR_INVALID_ARG_TYPE',
  digest: '237381286'
}
⨯ ReferenceError: getServerEnv is not defined
    at databaseFile (lib\store\database.ts:183:22)
    at getDatabase (lib\store\database.ts:406:16)
    at <unknown> (lib\auth\session.ts:65:33)
  181 |
  182 | function databaseFile(): string {
> 183 |   const configured = getServerEnv().DATABASE_FILE;
      |                      ^
  184 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
  185 | }
  186 | {
  digest: '4109352258'
}
⨯ ReferenceError: getServerEnv is not defined
    at databaseFile (lib\store\database.ts:183:22)
    at getDatabase (lib\store\database.ts:406:16)
    at <unknown> (lib\auth\session.ts:65:33)
  181 |
  182 | function databaseFile(): string {
> 183 |   const configured = getServerEnv().DATABASE_FILE;
      |                      ^
  184 |   return path.isAbsolute(configured) ? configured : path.resolve(process.cwd(), configured);
  185 | }
  186 | {
  digest: '4109352258'
}
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
(node:7560) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 drain listeners added to [Gzip]. MaxListeners is 10. Use emitter.setMaxListeners() to increase limit
