Compiled with problems:
×
ERROR in ./src/index.css (../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!../../node_modules/source-map-loader/dist/cjs.js!./src/index.css)
Module Error (from ../../node_modules/postcss-loader/dist/cjs.js):
Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env'
Require stack:
- C:\Users\Leah\project\depark\node_modules\postcss-loader\dist\utils.js
- C:\Users\Leah\project\depark\node_modules\postcss-loader\dist\index.js
- C:\Users\Leah\project\depark\node_modules\postcss-loader\dist\cjs.js
- C:\Users\Leah\project\depark\node_modules\loader-runner\lib\loadLoader.js
- C:\Users\Leah\project\depark\node_modules\loader-runner\lib\LoaderRunner.js
- C:\Users\Leah\project\depark\node_modules\webpack\lib\NormalModule.js
- C:\Users\Leah\project\depark\node_modules\webpack-manifest-plugin\dist\index.js
- C:\Users\Leah\project\depark\node_modules\react-scripts\config\webpack.config.js
- C:\Users\Leah\project\depark\node_modules\react-scripts\scripts\start.js

(@C:\Users\Leah\project\depark\packages\frontend\src\index.css)
ERROR
[eslint] Failed to load config "react-app" to extend from.
Referenced from: C:\Users\Leah\project\depark\packages\frontend\package.json
ERROR in src/components/google-auth/GoogleAuth.tsx:2:70
TS2307: Cannot find module '@react-oauth/google' or its corresponding type declarations.
    1 | import React, { useState } from 'react';
  > 2 | import { GoogleOAuthProvider, GoogleLogin, CredentialResponse } from '@react-oauth/google';
      |                                                                      ^^^^^^^^^^^^^^^^^^^^^
    3 | import './GoogleAuth.css';
    4 |
    5 | const GoogleAuth: React.FC = () => {
ERROR in src/components/screen-login/LoginScreen.tsx:13:52
TS2307: Cannot find module 'react-hook-form' or its corresponding type declarations.
    11 |   CircularProgress,
    12 | } from "@mui/material";
  > 13 | import { useForm, SubmitHandler, Controller } from "react-hook-form";
       |                                                    ^^^^^^^^^^^^^^^^^
    14 | import { yupResolver } from "@hookform/resolvers/yup";
    15 | import * as yup from "yup";
    16 | import GoogleAuth from "../google-auth/GoogleAuth";
ERROR in src/components/screen-login/LoginScreen.tsx:14:29
TS2307: Cannot find module '@hookform/resolvers/yup' or its corresponding type declarations.
    12 | } from "@mui/material";
    13 | import { useForm, SubmitHandler, Controller } from "react-hook-form";
  > 14 | import { yupResolver } from "@hookform/resolvers/yup";
       |                             ^^^^^^^^^^^^^^^^^^^^^^^^^
    15 | import * as yup from "yup";
    16 | import GoogleAuth from "../google-auth/GoogleAuth";
    17 |
ERROR in src/components/screen-login/LoginScreen.tsx:15:22
TS2307: Cannot find module 'yup' or its corresponding type declarations.
    13 | import { useForm, SubmitHandler, Controller } from "react-hook-form";
    14 | import { yupResolver } from "@hookform/resolvers/yup";
  > 15 | import * as yup from "yup";
       |                      ^^^^^
    16 | import GoogleAuth from "../google-auth/GoogleAuth";
    17 |
    18 | interface LoginScreenProps {
ERROR in src/components/screen-login/LoginScreen.tsx:53:55
TS7006: Parameter 'data' implicitly has an 'any' type.
    51 |   });
    52 |
  > 53 |   const onSubmit: SubmitHandler<IFormInputs> = async (data) => {
       |                                                       ^^^^
    54 |     setServerError("");
    55 |     setLoading(true);
    56 |
ERROR in src/components/screen-login/LoginScreen.tsx:116:24
TS7031: Binding element 'field' implicitly has an 'any' type.
    114 |             control={control}
    115 |             defaultValue=""
  > 116 |             render={({ field }) => (
        |                        ^^^^^
    117 |               <TextField
    118 |                 {...field}
    119 |                 label="Email"
ERROR in src/components/screen-login/LoginScreen.tsx:136:24
TS7031: Binding element 'field' implicitly has an 'any' type.
    134 |             control={control}
    135 |             defaultValue=""
  > 136 |             render={({ field }) => (
        |                        ^^^^^
    137 |               <TextField
    138 |                 {...field}
    139 |                 label="Password"