2 files changed, 14 insertions, 14 deletions

diff --git a/src/components/elements/Image.js b/src/components/elements/Image.js
index e03d81f7..da92674d 100644
--- a/src/components/elements/Image.js
+++ b/src/components/elements/Image.js
@@ -1,19 +1,15 @@
-import { LazyLoadImage } from "react-lazy-load-image-component";
-import "react-lazy-load-image-component/src/effects/opacity.css";
+import { LazyLoadImage } from "react-lazy-load-image-component"
 
-const Image = ({ src, alt, className = "" }) => {
+const Image = ({ ...props }) => {
   return (
     <LazyLoadImage
-      effect="opacity"
-      src={src || '/images/noimage.jpeg'}
-      alt={src ? alt : 'Image Not Found - Indoteknik'}
-      className={className}
+      {...props}
+      src={props.src || '/images/noimage.jpeg'}
+      alt={props.src ? props.alt : 'Image Not Found - Indoteknik'}
     />
-  );
+  )
 }
 
-Image.defaultProps = {
-  test: false
-}
+Image.defaultProps = LazyLoadImage.defaultProps
 
 export default Image
\ No newline at end of file
diff --git a/src/components/elements/Link.js b/src/components/elements/Link.js
index d354bb1b..065b5c9e 100644
--- a/src/components/elements/Link.js
+++ b/src/components/elements/Link.js
@@ -1,9 +1,13 @@
 import NextLink from "next/link";
 
-export default function Link({ children, ...pageProps }) {
+const Link = ({ children, ...props }) => {
   return (
-    <NextLink {...pageProps} scroll={false}>
+    <NextLink {...props} scroll={false}>
       {children}
     </NextLink>
   )
-}
\ No newline at end of file
+}
+
+Link.defaultProps = NextLink.defaultProps
+
+export default Link
\ No newline at end of file