diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 452e6b6..9005910 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -3,22 +3,28 @@
 namespace App\Providers;
 
 use Illuminate\Support\ServiceProvider;
+use Inertia\Inertia;
 
 class AppServiceProvider extends ServiceProvider
 {
-    /**
-     * Register any application services.
-     */
-    public function register(): void
-    {
-        //
-    }
+  /**
+   * Register any application services.
+   */
+  public function register(): void
+  {
+    //
+  }
 
-    /**
-     * Bootstrap any application services.
-     */
-    public function boot(): void
-    {
-        //
-    }
+  /**
+   * Bootstrap any application services.
+   */
+  public function boot(): void
+  {
+    Inertia::share([
+      'environment' => [
+        'name' => app()->environment(),
+        'is_preprod' => app()->environment('staging', 'preprod', 'local'),
+      ],
+    ]);
+  }
 }
diff --git a/resources/js/Components/NetworkNotice.vue b/resources/js/Components/NetworkNotice.vue
index 941d471..7f8208f 100644
--- a/resources/js/Components/NetworkNotice.vue
+++ b/resources/js/Components/NetworkNotice.vue
@@ -1,12 +1,9 @@
 <script setup>
-import {computed} from "vue";
 
-const appEnv = import.meta.env.VITE_APP_ENV || 'production'
-const isPreprod = computed(() => appEnv === 'preprod')
 </script>
 <template>
   <v-system-bar window
-    v-if="isPreprod"
+    v-if="$page.props.environment?.is_preprod"
     color="warning"
     density="compact"
     class="align-center">