kyle@DMC03 04:00:58 ~/dev/envplat on main $ npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.13.1 || ^17.0.0" from [email protected]
npm ERR! node_modules/use-http
npm ERR!   use-http@"^1.0.26" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /home/kyle/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/kyle/.npm/_logs/2022-08-18T20_01_01_854Z-debug-0.log
kyle@DMC03 04:01:07 ~/dev/envplat on main $ npm install --legacy-peer-deps
npm WARN deprecated [email protected]: wrong managing of dynamic styles
npm WARN deprecated [email protected]: core-js-pure@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js-pure.

added 382 packages, and audited 383 packages in 44s

69 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
kyle@DMC03 04:02:05 ~/dev/envplat on main [!?] $ npm run build

> [email protected] build
> next build

Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

Failed to compile.

./src/pages/index.tsx:32:5
Type error: Property 'activeProjectId' is missing in type '{ children: Element; projects: (Project & { envs: Env[]; })[]; }' but required in type '{ children: ReactChild; projects: (Project & { envs: Env[]; })[]; activeProjectId: number; }'.

  30 |                  </Head>
  31 |
> 32 |                  <Layout projects={projects}>
     |                   ^
  33 |                          <Box bg='gray.900' p={4}>
  34 |                                  <HStack>
  35 |                                          <Heading size='md'>Quract</Heading>
info  - Checking validity of types .