From ad0671a3ec4fc99407849fca119d3654c36a271e Mon Sep 17 00:00:00 2001
From: kox <garsanzi@gmail.com>
Date: Fri, 6 Dec 2024 13:28:49 +0100
Subject: [PATCH] enabling rule and fixing the only error

---
 eslint.config.mjs                             | 2 +-
 examples/react-app/eslint.config.mjs          | 2 +-
 examples/react-app/src/components/Balance.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 06a6b2e32e8e..35ba147833b8 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -16,7 +16,7 @@ export default [
             '@typescript-eslint/only-throw-error': 'off',
             '@typescript-eslint/prefer-promise-reject-errors': 'off',
             '@typescript-eslint/restrict-plus-operands': 'off',
-            '@typescript-eslint/restrict-template-expressions': 'off',
+            '@typescript-eslint/restrict-template-expressions': 'error',
             '@typescript-eslint/unbound-method': 'off',
             'jest/expect-expect': [
                 'error',
diff --git a/examples/react-app/eslint.config.mjs b/examples/react-app/eslint.config.mjs
index 8b09e037e8ea..09163b72e1f3 100644
--- a/examples/react-app/eslint.config.mjs
+++ b/examples/react-app/eslint.config.mjs
@@ -27,7 +27,7 @@ export default [
             '@typescript-eslint/no-misused-promises': 'off',
             '@typescript-eslint/no-unsafe-argument': 'off',
             '@typescript-eslint/no-unsafe-assignment': 'off',
-            '@typescript-eslint/restrict-template-expressions': 'off',
+            '@typescript-eslint/restrict-template-expressions': 'error',
             'react-refresh/only-export-components': [
                 'warn',
                 {
diff --git a/examples/react-app/src/components/Balance.tsx b/examples/react-app/src/components/Balance.tsx
index 16b615b43edb..3e138e95e1b5 100644
--- a/examples/react-app/src/components/Balance.tsx
+++ b/examples/react-app/src/components/Balance.tsx
@@ -34,7 +34,7 @@ export function Balance({ account }: Props) {
                     title="Failed to fetch account balance"
                 />
                 <Text>
-                    <Tooltip content={`Could not fetch balance: ${getErrorMessage(error, 'Unknown reason')}`}>
+                    <Tooltip content={<>Could not fetch balance: {getErrorMessage(error, 'Unknown reason')}</>}>
                         <ExclamationTriangleIcon
                             color="red"
                             style={{ height: 16, verticalAlign: 'text-bottom', width: 16 }}