chore: lint require and how to import react (#30041)

web/__tests__/check-i18n.test.ts

@@ -1,9 +1,7 @@
 import fs from 'node:fs'
 import path from 'node:path'
-
-// Mock functions to simulate the check-i18n functionality
-const vm = require('node:vm')
-const transpile = require('typescript').transpile
+import vm from 'node:vm'
+import { transpile } from 'typescript'
 
 describe('check-i18n script functionality', () => {
   const testDir = path.join(__dirname, '../i18n-test')

web/__tests__/embedded-user-id-auth.test.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 
 import CheckCode from '@/app/(shareLayout)/webapp-signin/check-code/page'
 import MailAndPasswordAuth from '@/app/(shareLayout)/webapp-signin/components/mail-and-password-auth'

web/__tests__/embedded-user-id-store.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen, waitFor } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 import WebAppStoreProvider, { useWebAppStore } from '@/context/web-app-context'
 
 import { AccessMode } from '@/models/access-control'

web/__tests__/goto-anything/command-selector.test.tsx

@@ -1,6 +1,6 @@
 import type { ActionItem } from '../../app/components/goto-anything/actions/types'
 import { fireEvent, render, screen } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 import CommandSelector from '../../app/components/goto-anything/command-selector'
 
 vi.mock('cmdk', () => ({

web/__tests__/goto-anything/scope-command-tags.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 
 // Type alias for search mode
 type SearchMode = 'scopes' | 'commands' | null

web/__tests__/workflow-parallel-limit.test.tsx

@@ -6,7 +6,7 @@
  */
 
 import { render, screen } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 
 // Mock environment variables before importing constants
 const originalEnv = process.env.NEXT_PUBLIC_MAX_PARALLEL_LIMIT

web/__tests__/xss-prevention.test.tsx

@@ -6,7 +6,7 @@
  */
 
 import { cleanup, render } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 import BlockInput from '../app/components/base/block-input'
 import SupportVarInput from '../app/components/workflow/nodes/_base/components/support-var-input'