fix: lint, use typescript-eslint rule instead

Author: karrui

.eslintrc.cjs

@@ -60,13 +60,14 @@ const config = {
     {
       files: ['**/*.tsx', '**/*.jsx'],
       rules: {
-        'no-restricted-imports': [
+        '@typescript-eslint/no-restricted-imports': [
           'error',
           {
             paths: [
               {
                 name: '~/env.mjs',
                 importNames: ['env'],
+                allowTypeImports: true,
                 message:
                   'Please use `hooks/useEnv` hook instead. This prevents unusable env variables in client-side code.',
               },

src/components/AppProviders/EnvProvider.tsx

@@ -2,7 +2,7 @@
 // Used to allow overriding of environment variables in storybook tests.
 import { createContext, type PropsWithChildren } from 'react'
 
-import { type env } from '~/env.mjs'
+import type { env } from '~/env.mjs'
 
 // Typescript magic to only select keys from object T that start with a prefix S.
 type PickStartsWith<T extends object, S extends string> = {

src/pages/_app.tsx

@@ -12,7 +12,7 @@ import { EnvProvider, FeatureProvider } from '~/components/AppProviders'
 import { DefaultFallback } from '~/components/ErrorBoundary/DefaultFallback'
 import Suspense from '~/components/Suspense'
 import { VersionWrapper } from '~/components/VersionWrapper'
-// eslint-disable-next-line no-restricted-imports
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { env } from '~/env.mjs'
 import { LoginStateProvider } from '~/features/auth'
 import { type NextPageWithLayout } from '~/lib/types'