diff --git a/src/lib/components/billing/states.js b/src/lib/components/billing/state.ts
similarity index 98%
rename from src/lib/components/billing/states.js
rename to src/lib/components/billing/state.ts
index b8ca0ec88..faa3f0786 100644
--- a/src/lib/components/billing/states.js
+++ b/src/lib/components/billing/state.ts
@@ -1,4 +1,4 @@
-export const states = [
+export const states: Array<{ name: string; abbreviation: string }> = [
     {
         "name": "Alabama",
         "abbreviation": "AL"
diff --git a/src/lib/components/billing/statePicker.svelte b/src/lib/components/billing/statePicker.svelte
index 6419c5470..125487bcb 100644
--- a/src/lib/components/billing/statePicker.svelte
+++ b/src/lib/components/billing/statePicker.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { states } from './states.js';
+    import { states } from './state.ts';
     import { InputSelect } from '$lib/elements/forms';
     import type { PaymentMethod } from '@stripe/stripe-js';
     import { Alert, Card, Layout, Typography } from '@appwrite.io/pink-svelte';