Can someone explain the issue on adding to NextJs14?

While creating NextJs project, I tried to integrate Vercel Speed Insight

import { SpeedInsights } from "@vercel/speed-insights/next" 
<SpeedInsights />

It returns some hydration error.
Can someone explain and how can I fix this?

here are some screenshots
enter image description here

if I comment this tag, the errors are resolved