different approach to arrow function

Author: trigal2012

packages/ui/modals/RecommendedLinks.tsx

@@ -17,8 +17,8 @@ const RecommendedLinksModalBody = forwardRef<HTMLButtonElement, RecommendedLinks
 	const modalTitle = <ModalTitle breadcrumb={{ option: 'close', onClick: handler.close }} />
 
 	const buttons = Object.entries(t('recommended-links.buttons', { returnObjects: true }) || {})
-	const handleButtonClick = (link: string) => {
-		window.open(link, '_blank')
+	const getButtonClickHandler = (link: string) => {
+		return () => window.open(link, '_blank')
 	}
 
 	return (
@@ -44,7 +44,7 @@ const RecommendedLinksModalBody = forwardRef<HTMLButtonElement, RecommendedLinks
 									paddingRight: isMobile ? '1rem' : undefined,
 									textDecoration: 'none',
 								}}
-								onClick={() => handleButtonClick(btn.link)}
+								onClick={getButtonClickHandler(btn.link)}
 							>
 								<Text ta='center' variant={variants.Text.utility1} fz={isMobile ? '.75rem' : undefined}>
 									{btn.text}