fixup! [New] Symmetric useState hook variable names

jsx-eslint · Dec 24, 2021 · 35077ca · 35077ca
1 parent c5b65a9
commit 35077ca
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/tests/lib/rules/hook-use-state.js b/tests/lib/rules/hook-use-state.js
@@ -46,7 +46,7 @@ const tests = {
     },
     {
       code: `
-        import React from 'react';
+        import React from 'react'
         function useColor() {
           const [color, setColor] = React.useState()
           return [color, setColor]
@@ -150,14 +150,15 @@ const tests = {
       `,
       features: ['ts'],
     },
+  ]),
+  invalid: parsers.all([
     {
       code: `
         import { useState } from 'react';
-        const result = useState();
+        const result = useState()
       `,
+      errors: [{ message: 'useState call is not destructured into value + setter pair' }],
     },
-  ]),
-  invalid: parsers.all([
     {
       code: `
         import { useState } from 'react';
@@ -435,7 +436,7 @@ const tests = {
     {
       code: `
         import { useState } from 'react'
-        const [color, setFlavor, extraneous] = useState();
+        const [color, setFlavor, extraneous] = useState()
       `,
       errors: [
         {
@@ -444,7 +445,7 @@ const tests = {
             {
               output: `
         import { useState } from 'react'
-        const [color, setColor] = useState();
+        const [color, setColor] = useState()
       `,
             },
           ],