From fcd5e7450e7747438662b6b9e55b847effac3c75 Mon Sep 17 00:00:00 2001
From: alpaca-tc <alpaca-tc@alpaca.tc>
Date: Mon, 1 Apr 2024 02:21:47 +0900
Subject: [PATCH] fix warning

https://stackoverflow.com/questions/49784294/warning-received-false-for-a-non-boolean-attribute-how-do-i-pass-a-boolean-f
---
 .../pages/Home/components/DefinitionList/DefinitionList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/Home/components/DefinitionList/DefinitionList.tsx b/frontend/pages/Home/components/DefinitionList/DefinitionList.tsx
index 18883c5..5885a73 100644
--- a/frontend/pages/Home/components/DefinitionList/DefinitionList.tsx
+++ b/frontend/pages/Home/components/DefinitionList/DefinitionList.tsx
@@ -51,7 +51,7 @@ export const DefinitionList: FC<Props> = ({ selectedDefinitionIds, setSelectedDe
   return isLoading ? (
     <Loading text="Loading..." alt="Loading" />
   ) : (
-    <StyledSection foldingSection={foldingSection}>
+    <StyledSection $foldingSection={foldingSection}>
       <Cluster align="center">
         <Cluster gap={0.5}>
           <Button size="s" onClick={toggleFoldingSection}>
@@ -98,8 +98,8 @@ export const DefinitionList: FC<Props> = ({ selectedDefinitionIds, setSelectedDe
   )
 }
 
-const StyledSection = styled(Section)<{ foldingSection: boolean }>`
+const StyledSection = styled(Section)<{ $foldingSection: boolean }>`
   height: inherit;
   overflow: scroll;
-  width: ${({ foldingSection }) => (foldingSection ? `100%` : '200px')};
+  width: ${({ $foldingSection }) => ($foldingSection ? `100%` : '200px')};
 `