open-sauced / landing-page

This is the new landing page for open sauced
https://opensauced.pizza
31 stars 29 forks source link

Bug: optimize teams page #301

Open BekahHW opened 4 months ago

BekahHW commented 4 months ago

Describe the bug

I get this warning when running the project locally:

Warning: data for page "/teams" is 230 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance.

I also get this error

client.js:2 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `TeamsFeatures`. See https://reactjs.org/link/warning-keys for more information.
    at TeamFeature (webpack-internal:///./components/sections/home-page/features/TeamsFeatures.tsx:262:11)
    at TeamsFeatures (webpack-internal:///./components/sections/home-page/features/TeamsFeatures.tsx:24:11)
    at div
    at div
    at div
    at Background (webpack-internal:///./components/sections/about/Background.tsx:19:11)
    at div
    at PageLayout (webpack-internal:///./components/common/layout/PageLayout.tsx:18:11)
    at index (webpack-internal:///./pages/teams/index.tsx:28:17)
    at PostHogProvider (webpack-internal:///./node_modules/posthog-js/react/dist/esm/index.js:21:23)
    at MyApp (webpack-internal:///./pages/_app.tsx:34:11)
    at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:74:11)
    at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:305:63)
    at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:854:919)
    at Container (webpack-internal:///./node_modules/next/dist/client/index.js:77:1)
    at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:181:11)
    at Root (webpack-internal:///./node_modules/next/dist/client/index.js:359:11)

Steps to reproduce

  1. Run the project locally. Check your console.

A lighthouse test for performance offers some options