diff --git a/next.config.ts b/next.config.ts
index ac27ff93..29d246d6 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,6 +1,11 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  experimental: {},
+  allowedDevOrigins: [
+    "http://192.168.1.82:3000", // buat akses dari HP/device lain
+    "http://localhost:3000",   // akses lokal
+  ],
   async headers() {
     return [
       {
diff --git a/package.json b/package.json
index 9e1be5af..791da768 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.5",
   "private": true,
   "scripts": {
-    "dev": "bun --bun next dev",
+    "dev": "bun --bun next dev --hostname 0.0.0.0",
     "build": "bun --bun next build",
     "start": "bun --bun next start"
   },
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
index 3bfff685..0acf75f9 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
@@ -121,39 +121,34 @@ function CreateSDGsDesa() {
             {previewImage && (
               <Box mt="md">
                 <Text fw={500} fz="sm" mb={4}>
-                      Pratinjau Gambar
-                    </Text>
-                    <Box
-                      style={{
-                        border: '1px solid #e0e0e0',
-                        borderRadius: '8px',
-                        overflow: 'hidden',
-                        maxWidth: '300px'
-                      }}
-                    >
-                      <Image
-                        src={previewImage}
-                        alt="Preview"
-                        style={{ width: '100%', height: 'auto' }}
-                        loading="lazy"
-                      />
-                    </Box>
+                  Pratinjau Gambar
+                </Text>
+                <Box
+                  style={{
+                    border: '1px solid #e0e0e0',
+                    borderRadius: '8px',
+                    overflow: 'hidden',
+                    maxWidth: '300px'
+                  }}
+                >
+                  <Image
+                    src={previewImage}
+                    alt="Preview"
+                    style={{ width: '100%', height: 'auto' }}
+                    loading="lazy"
+                  />
+                </Box>
               </Box>
             )}
           </Box>
           <TextInput
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Nama Sdgs Desa
-              </Text>
-            }
+            label="Nama Sdgs Desa"
             placeholder="Masukkan nama Sdgs Desa"
-            value={stateSDGSDesa.create.form.name}
-            onChange={(val) => {
-              stateSDGSDesa.create.form.name = val.target.value;
+            defaultValue={stateSDGSDesa.create.form.name}
+            onChange={(e) => {
+              stateSDGSDesa.create.form.name = e.currentTarget.value;
             }}
             required
-            radius="md"
           />
 
           <TextInput
@@ -172,6 +167,13 @@ function CreateSDGsDesa() {
             min={0}
             radius="md"
           />
+          <TextInput
+            label="Test"
+            onChange={(val) => {
+              console.log(val.target.value)
+            }}
+
+          />
 
           <Group justify="flex-end" mt="md">
             <Button
diff --git a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
index 92ec507a..ab39a966 100644
--- a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
@@ -331,7 +331,7 @@ function Kepuasan() {
                 label="Nama"
                 type='text'
                 placeholder="masukkan nama"
-                value={state.create.form.name}
+                defaultValue={state.create.form.name}
                 onChange={(val) => {
                   state.create.form.name = val.currentTarget.value;
                 }}
@@ -340,7 +340,7 @@ function Kepuasan() {
                 label="Tanggal"
                 type="date"
                 placeholder="masukkan tanggal"
-                value={state.create.form.tanggal}
+                defaultValue={state.create.form.tanggal}
                 onChange={(val) => {
                   state.create.form.tanggal = val.currentTarget.value;
                 }}
@@ -349,7 +349,7 @@ function Kepuasan() {
                 key={"jenisKelamin"}
                 label={"Jenis Kelamin"}
                 placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-                value={state.create.form.jenisKelaminId || ""}
+                defaultValue={state.create.form.jenisKelaminId || ""}
                 onChange={(val) => {
                   state.create.form.jenisKelaminId = val ?? "";
                 }}
@@ -367,7 +367,7 @@ function Kepuasan() {
                 key={"rating_responden"}
                 label={"Rating"}
                 placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-                value={state.create.form.ratingId || ""}
+                defaultValue={state.create.form.ratingId || ""}
                 onChange={(val) => {
                   state.create.form.ratingId = val ?? "";
                 }}
@@ -385,7 +385,7 @@ function Kepuasan() {
                 key={"kelompokUmur"}
                 label={"Kelompok Umur"}
                 placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-                value={state.create.form.kelompokUmurId || ""}
+                defaultValue={state.create.form.kelompokUmurId || ""}
                 onChange={(val) => {
                   state.create.form.kelompokUmurId = val ?? "";
                 }}
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 709099d8..b5e3e0ca 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -333,7 +333,7 @@ function Kepuasan() {
                 label="Nama"
                 type='text'
                 placeholder="masukkan nama"
-                value={state.create.form.name}
+                defaultValue={state.create.form.name}
                 onChange={(val) => {
                   state.create.form.name = val.currentTarget.value;
                 }}
@@ -342,7 +342,7 @@ function Kepuasan() {
                 label="Tanggal"
                 type="date"
                 placeholder="masukkan tanggal"
-                value={state.create.form.tanggal}
+                defaultValue={state.create.form.tanggal}
                 onChange={(val) => {
                   state.create.form.tanggal = val.currentTarget.value;
                 }}
@@ -351,7 +351,7 @@ function Kepuasan() {
                 key={"jenisKelamin"}
                 label={"Jenis Kelamin"}
                 placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-                value={state.create.form.jenisKelaminId || ""}
+                defaultValue={state.create.form.jenisKelaminId || ""}
                 onChange={(val) => {
                   state.create.form.jenisKelaminId = val ?? "";
                 }}
@@ -369,7 +369,7 @@ function Kepuasan() {
                 key={"rating_responden"}
                 label={"Rating"}
                 placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-                value={state.create.form.ratingId || ""}
+                defaultValue={state.create.form.ratingId || ""}
                 onChange={(val) => {
                   state.create.form.ratingId = val ?? "";
                 }}
@@ -387,7 +387,7 @@ function Kepuasan() {
                 key={"kelompokUmur"}
                 label={"Kelompok Umur"}
                 placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-                value={state.create.form.kelompokUmurId || ""}
+                defaultValue={state.create.form.kelompokUmurId || ""}
                 onChange={(val) => {
                   state.create.form.kelompokUmurId = val ?? "";
                 }}
diff --git a/src/lib/api-fetch.ts b/src/lib/api-fetch.ts
index efae7f30..68e78ee6 100644
--- a/src/lib/api-fetch.ts
+++ b/src/lib/api-fetch.ts
@@ -1,7 +1,9 @@
 import { AppServer } from '@/app/api/[[...slugs]]/route'
 import { treaty } from '@elysiajs/eden'
 
-const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || 'localhost:3000'
+// const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || 'localhost:3000'
+const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000'
+
 const ApiFetch = treaty<AppServer>(BASE_URL)
 
 export default ApiFetch
\ No newline at end of file