Update dependencies and fix introduced errors

components/Button/index.tsx

@@ -1,24 +1,17 @@
-import { FC, useContext } from 'react';
-import { ThemeContext } from '../../styles/theme';
 import { Props } from './types';
-import { Btn } from './styles';
-import Link from 'next/link';
+import { StyledButton } from './styles';
 
-const Button: FC<Props & { className?: string }> = ({
+const Button = ({
 	variant = 'text',
 	href,
 	target,
 	onClick,
 	children,
 	className
-}) => {
-	return (
-		<Link href={href} passHref>
-			<Btn as='a' target={target} variant={variant} onClick={onClick} className={className}>
-				{children}
-			</Btn>
-		</Link>
-	);
-};
+}: Props) => (
+	<StyledButton href={href} target={target} className={className} onClick={onClick} variant={variant}>
+		{children}
+	</StyledButton>
+);
 
 export default Button;

components/Button/styles.tsx

@@ -1,7 +1,8 @@
 import styled from 'styled-components';
+import Link from 'next/link';
 import { Props } from './types';
 
-export const Btn = styled.button<Omit<Props, 'href'>>`
+export const StyledButton = styled(Link)<Props>`
 	position: relative;
 	display: inline;
 	cursor: pointer;

components/Button/types.ts

@@ -3,4 +3,6 @@ export type Props = {
 	href: string;
 	target?: HTMLAnchorElement['target'];
 	onClick?: () => void;
+	children: React.ReactNode;
+	className?: string;
 };