refactor(sharing): avoid nested template literals

This improves readability. I also rename a variable to avoid duplicate
between global scope and useEffect scope.

1 files changed, 3 insertions, 1 deletions

diff --git a/src/components/Notice/Notice.tsx b/src/components/Notice/Notice.tsx
index c941bf9..472efa5 100644
--- a/src/components/Notice/Notice.tsx
+++ b/src/components/Notice/Notice.tsx
@@ -10,8 +10,10 @@ const Notice = ({
   children: ReactNode;
   type: NoticeType;
 }) => {
+  const withModifier = `message--${type}`;
+
   return (
-    <div className={`${styles.message} ${styles[`message--${type}`]}`}>
+    <div className={`${styles.message} ${styles[withModifier]}`}>
       {children}
     </div>
   );