diff --git a/composer.json b/composer.json
index 504505f..44fb57b 100644
--- a/composer.json
+++ b/composer.json
@@ -16,7 +16,7 @@
   "require": {
     "php": "^8.2",
     "illuminate/support": "^12.0",
-    "livewire/livewire": "^3.0",
+    "livewire/livewire":"^3.0|^4.0",
     "spatie/laravel-query-builder": "^6.0"
   },
   "extra": {
diff --git a/resources/views/livewire/index.blade.php b/resources/views/livewire/index.blade.php
index c8a44cc..d8ce247 100644
--- a/resources/views/livewire/index.blade.php
+++ b/resources/views/livewire/index.blade.php
@@ -12,9 +12,9 @@
     <div class="flex-grow min-w-0 bg-white shadow-lg shadow-black/5 rounded-lg border border-grey-200 overflow-hidden">
         
         @if(request()->routeIs('code-generator.index'))
-             <livewire:code-generator::rest-api />
+             <livewire:code-generator.rest-api />
         @elseif(request()->routeIs('code-generator.logs'))
-             <livewire:code-generator::logs />
+             <livewire:code-generator.logs />
         @endif
         
     </div>
diff --git a/src/CodeGeneratorServiceProvider.php b/src/CodeGeneratorServiceProvider.php
index 530d9f8..c706ac8 100644
--- a/src/CodeGeneratorServiceProvider.php
+++ b/src/CodeGeneratorServiceProvider.php
@@ -84,8 +84,8 @@ public function boot(): void
         $this->loadViewsFrom(__DIR__ . '/../resources/views', 'code-generator');
 
         // Register Livewire components
-        Livewire::component('code-generator::index', Index::class);
-        Livewire::component('code-generator::rest-api', RestApi::class);
-        Livewire::component('code-generator::logs', Logs::class);
+        Livewire::component('code-generator.index', Index::class);
+        Livewire::component('code-generator.rest-api', RestApi::class);
+        Livewire::component('code-generator.logs', Logs::class);
     }
 }