import js from '@eslint/js'

import globals from 'globals'

import reactHooks from 'eslint-plugin-react-hooks'

import reactRefresh from 'eslint-plugin-react-refresh'

import tseslint from 'typescript-eslint'

import { defineConfig, globalIgnores } from 'eslint/config'

export default defineConfig([

globalIgnores(['dist']),

{

files: ['**/*.{ts,tsx}'],

extends: [

js.configs.recommended,

tseslint.configs.recommended,

reactHooks.configs.flat.recommended,

reactRefresh.configs.vite,

],

languageOptions: {

globals: globals.browser,

},

rules: {

// three.js drives shader uniforms by mutating `.value` on the uniform

// object returned from useMemo/useRef. That is the canonical pattern;

// this rule does not fit a three.js / TSL codebase.

'react-hooks/immutability': 'off',

},

},

])