Here's my eslint config file, which of this stuff do I not need that is already included with the next config? I feel like the react and typescript stuff are already duplicated in next config but I can't tell

import { FlatCompat } from '@eslint/eslintrc';
import eslint from '@eslint/js';
import prettier from 'eslint-plugin-prettier/recommended';
import react from 'eslint-plugin-react';
import globals from 'globals';
import { dirname } from 'path';
import typescript from 'typescript-eslint';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const compat = new FlatCompat({
    baseDirectory: __dirname,
});

export default typescript.config(
    eslint.configs.recommended,
    react.configs.flat.recommended,
    react.configs.flat['jsx-runtime'],
    typescript.configs.recommended,
    ...compat.extends('next/core-web-vitals', 'next/typescript'),
    prettier,
    {
        plugins: { react },
        languageOptions: {
            parserOptions: {
                ecmaVersion: 'latest',
                projectService: true,
                ecmaFeatures: { jsx: true },
                sourceType: 'module',
            },
            globals: { ...globals.browser, ...globals.node },
        },
        rules: {
            // bunch of random rules here
        },
    },
);