ESLint error: ref is never reassigned, use const

With a farily simple practice app set up with TS + ESLint, there seems to be an issue when using refs in Solid. ESLint is reporting a lonely

let myForm: HTMLFormElement

let myForm: HTMLFormElement

as unused, despite it being passed to a

ref

ref

prop later on in the code,

function MyComponent() {
  let myForm: HTMLFormElement = undefined;
  // ...
  return <form ref={myForm}>{*/ ... */}</form>

function MyComponent() {
  let myForm: HTMLFormElement = undefined;
  // ...
  return <form ref={myForm}>{*/ ... */}</form>

The error reported by ESLint is

'myForm' is never reassigned. Use 'const' instead. eslint(prefer-const)

'myForm' is never reassigned. Use 'const' instead. eslint(prefer-const)

Is the above code following the expected patterns / best practices? The ESLint config is using Solid's plugin,

env:
  browser: true
  es2021: true
  node: true
extends:
  - eslint:recommended
  - plugin:@typescript-eslint/recommended
  - plugin:solid/typescript
  - prettier
parser: "@typescript-eslint/parser"
parserOptions:
  ecmaVersion: latest
  sourceType: module
plugins:
  - "@typescript-eslint"
  - solid

env:
  browser: true
  es2021: true
  node: true
extends:
  - eslint:recommended
  - plugin:@typescript-eslint/recommended
  - plugin:solid/typescript
  - prettier
parser: "@typescript-eslint/parser"
parserOptions:
  ecmaVersion: latest
  sourceType: module
plugins:
  - "@typescript-eslint"
  - solid

SolidJS•3y ago•

5 replies

aryzing

ESLint error: ref is never reassigned, use const

With a farily simple practice app set up with TS + ESLint, there seems to be an issue when using refs in Solid. ESLint is reporting a lonely

let myForm: HTMLFormElement

let myForm: HTMLFormElement

as unused, despite it being passed to a

ref

ref

prop later on in the code,

function MyComponent() {
  let myForm: HTMLFormElement = undefined;
  // ...
  return <form ref={myForm}>{*/ ... */}</form>

function MyComponent() {
  let myForm: HTMLFormElement = undefined;
  // ...
  return <form ref={myForm}>{*/ ... */}</form>

The error reported by ESLint is

'myForm' is never reassigned. Use 'const' instead. eslint(prefer-const)

'myForm' is never reassigned. Use 'const' instead. eslint(prefer-const)

Is the above code following the expected patterns / best practices? The ESLint config is using Solid's plugin,

env:
  browser: true
  es2021: true
  node: true
extends:
  - eslint:recommended
  - plugin:@typescript-eslint/recommended
  - plugin:solid/typescript
  - prettier
parser: "@typescript-eslint/parser"
parserOptions:
  ecmaVersion: latest
  sourceType: module
plugins:
  - "@typescript-eslint"
  - solid

env:
  browser: true
  es2021: true
  node: true
extends:
  - eslint:recommended
  - plugin:@typescript-eslint/recommended
  - plugin:solid/typescript
  - prettier
parser: "@typescript-eslint/parser"
parserOptions:
  ecmaVersion: latest
  sourceType: module
plugins:
  - "@typescript-eslint"
  - solid

ESLint error: ref is never reassigned, use const

Similar Threads

ESLint error: ref is never reassigned, use const

Similar Threads

Similar Threads

Similar Threads