diff --git a/components/Loading.tsx b/components/Loading.tsx
index 049b9ec..d3cdef8 100644
--- a/components/Loading.tsx
+++ b/components/Loading.tsx
@@ -1,10 +1,12 @@
-import { square } from 'ldrs'
-square.register()
+"use client"
+
+import { Square } from 'ldrs/react'
+import 'ldrs/react/Square.css'
 
 export default function Loading() {
     return (
         <div className="flex items-center justify-center h-screen">
-            <l-square
+            <Square
                 size={31}
                 stroke={5}
                 strokeLength={0.25}