diff --git a/packages/react/.eslintrc.cjs b/packages/react/.eslintrc.cjs index 0bf6ae5b3..ad75bc933 100644 --- a/packages/react/.eslintrc.cjs +++ b/packages/react/.eslintrc.cjs @@ -8,6 +8,14 @@ module.exports = { 'plugin:tailwindcss/recommended', ], plugins: ['react-refresh'], + settings: { + tailwindcss: { + "whitelist": [ + 'i\\-.+:?.+', + // doesn't work see: [https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/284] + ], + }, + }, ignorePatterns: ['dist', '.eslintrc.cjs'], @@ -25,5 +33,6 @@ module.exports = { { allowConstantExport: true }, ], '@typescript-eslint/no-unused-vars': ['warn'], + "tailwindcss/no-custom-classname": ['warn'] }, } diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json index 5f2b8c27e..146989c37 100644 --- a/packages/react/package-lock.json +++ b/packages/react/package-lock.json @@ -69,7 +69,7 @@ "eslint": "^8.51.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.3", - "eslint-plugin-tailwindcss": "^3.13.0", + "eslint-plugin-tailwindcss": "3.13.0", "i18next-scanner": "^4.4.0", "lightningcss": "^1.22.0", "postcss": "^8.4.31", diff --git a/packages/react/package.json b/packages/react/package.json index c8c444444..763312f40 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -75,7 +75,7 @@ "eslint": "^8.51.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.3", - "eslint-plugin-tailwindcss": "^3.13.0", + "eslint-plugin-tailwindcss": "3.13.0", "i18next-scanner": "^4.4.0", "lightningcss": "^1.22.0", "postcss": "^8.4.31", diff --git a/packages/react/src/components/common/ErrorFallback.tsx b/packages/react/src/components/common/ErrorFallback.tsx index 060161f25..0bb152da0 100644 --- a/packages/react/src/components/common/ErrorFallback.tsx +++ b/packages/react/src/components/common/ErrorFallback.tsx @@ -13,7 +13,7 @@ export function ErrorFallback(props?: FallbackProps) { const error = routeError ?? (props?.error as Error | null); return ( -
@@ -54,7 +54,7 @@ export function ErrorFallback(props?: FallbackProps) {
{error?.stack}
-