Place the Analytics component in your root layout as shown here: https://vercel.com/docs/analytics/package

I’m not too sure which one my root layout is or if it’s listed there…

Do you know if it would be somewhere here?

https://github.com/movie-web/movie-web/blob/dev/src/setup/App.tsx

Or if maybe it’s somewhere else?

Just to check, so it would be something like this?

import { ReactNode } from "react";

import { Analytics } from "@vercel/analytics/react";
import { useBannerSize, useBannerStore } from "@/stores/banner";
import { BannerLocation } from "@/stores/banner/BannerLocation";

export function Layout(props: { children: ReactNode }) {
  const bannerSize = useBannerSize();
  const location = useBannerStore((s) => s.location);

  return (
    <div>
      <div className="fixed inset-x-0 z-[1000]">
        <BannerLocation />
      </div>
      <div
        style={{
          paddingTop: location === null ? `${bannerSize}px` : "0px",
        }}
        className="flex min-h-screen flex-col"
      >
        {props.children}
      </div>
      <Analytics />
    </div>
  );
}

also would this work for vercel speed insights as well then?

Yes, it works the same way

thanks! Ill try that now

Do you know if i should be worried about this by any chance?

it works nonetheless. Thank you so much!

Honestly I don't know. It's the first time I see that kind of error with the Analytics package...

Great

Did you have no issues installing the dependencies @Cordilleran Flycatcher ive been unable to install due to some issue with ESLINT while using a template from vercel?

If possible could you share the steps you took when installing? did you do pnpm install first? the link first? npm install first?

i am not using a template from vercel, so I dont have any pnpm issues atm

ah, fuck me, maybe i just give up on the template then, its been almost a week of constant issues at this point it doesn't seem worth it, thanks.

my code does use pnpm to install from a pnpm lock file. However I dont seem to have any issues

yea when i installed in the nextjs boiler plate its not issues, its when i use the ecommerce template that its just constant issues.

appreciate you

uhh is it something to do with that?

I mean they reference vercel there

No, when i do pnpm install, it installs correctly its when i try to add any other dependency that it breaks

how are you adding the other dependencies?

ah

you have to use pnpm i @vercel/analytics

i tried that as well and it just refuses the download lmao

o

says that the registry is invalid for me

it says theres progress

does it just cancel out of that after a while then after?

yea

damn

itll give an error in like 2-3 minutes

See

weird

idk , template just isn't worth the headache, ill have to do the integration manually sorry for hijacking your post u were the only other person asking about analytics and speedinsights and i wanted to see if u had similar issues as me

o no its completely fine, my issues resolved :)

i mean

the best thing might be to contact vercel

I did and they said and i qoute " Hi Joel,

Thank you. I can confirm I'm able to add the package without any issue, so it's likely this issue is local to your system and unrelated to any code included in the template.

I'll go ahead and mark this case as resolved since this is confirmed to be out of scope, please feel free to get in touch with us again in the future."

and then closed my ticket

💀

quality support 😭

is what it is

try pnpm upgrade pnpm -g

again, sorry for the hijack and ty

mk sec

then pnpm cache clean --force then try the pnpm install command again

idk maybe it is something with my pc

weird

can you try pnpm update -g?

or npm install -g pnpm?

pnpm update -g didnt work but npm install -g pnpm did

uhh

shouldn't it be fine since it installed pnpm install just fine?

could you try this again now and see if it works

yea it should

o

whoops

ok, could you just try installing then|?

just doing pnpm -g uninstall ?

o no the vercel install command with pnpm

oh

got you

if that doesnt work the only thing I can think of is to add it to the pnpm lock file manually like this:

  '@vercel/analytics':
    specifier: ^1.2.2
    version: 1.2.2(react@18.2.0)

And then install the dependencies again

Yea both came back with the same error, its fine ill just make the integration myself somehow , honestly not worth it at this point and its just causing me massive delays to try to figure out simple package issues.

thank you for all your help man for real

ah ok

np, sorry I cant solve it...

Are you able to make the repo public at all. I can clone it and have a look if issues are still persisting. I have used Vercel analytics on few projects

Oh I think it’s joey with the issues, right?

yea

I cant unfortunately because its linked to my company as of right now, i can create a dummy store tonight and ill create a helpm forum with my issue and tag yall.