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')}; `