error fix for button component and linkButton component

Author: enowdivine

src/components/Button/Button.tsx

@@ -1,30 +1,17 @@
 import React from 'react';
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode;
-  name: string;
-}
+type ButtonProps = React.ComponentProps<typeof Button>;
 
-const Button: React.FC<ButtonProps> = ({ children, name, ...props }) => {
+const Button: React.FC<ButtonProps> = ({ children, ...props }) => {
+  console.log(props);
   return (
-    <>
-      <button
-        type="button"
-        name={name}
-        {...props}
-        className="p-4 px-8 text-white font-bold bg-red-600 rounded"
-        style={{
-          display: 'block',
-          width: '200px',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          textOverflow: 'ellipsis',
-          textAlign: 'center',
-        }}
-      >
-        {children}
-      </button>
-    </>
+    <button
+      type="button"
+      className="p-4 px-8 text-white font-bold bg-red-600 rounded block w-[200px] overflow-hidden whitespace-nowrap overflow-ellipsis text-center"
+      {...props}
+    >
+      {children}
+    </button>
   );
 };
 

src/components/LinkButton/LinkButton.tsx

@@ -1,28 +1,15 @@
 import React from 'react';
 
-interface LinkProps extends React.HTMLProps<HTMLAnchorElement> {
-  children: React.ReactNode;
-  to: string;
-}
+type LinkButtonProps = React.Component<'a'>;
 
-const LinkButton: React.FC<LinkProps> = ({ to, children, ...props }) => {
+const LinkButton: React.FC<LinkButtonProps> = ({ children, ...props }) => {
   return (
-    <>
-      <a
-        href={to}
-        {...props}
-        className="p-2"
-        style={{
-          width: '100px',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          textOverflow: 'ellipsis',
-          textAlign: 'center',
-        }}
-      >
-        {children}
-      </a>
-    </>
+    <a
+      className="p-4 px-8 text-white font-bold bg-red-600 rounded block w-[200px] overflow-hidden whitespace-nowrap overflow-ellipsis text-center"
+      {...props}
+    >
+      {children}
+    </a>
   );
 };