Ini adalah masalah yang disebabkan oleh ekstensi penerjemah browser (Google Translate) yang mengubah HTML sebelum React dimuat. Saya akan menambahkan atribut untuk mencegah terjemahan otomatis:
Saya telah menambahkan tiga perbaikan untuk mengatasi error hydration yang disebabkan oleh ekstensi Google Translate:
translate="no" - Mencegah browser menerjemahkan kontensuppressHydrationWarning - Menekan warning hydration pada tag html<meta name="google" content="notranslate" /> - Memberi tahu Google untuk tidak menerjemahkan halamanIni akan mencegah ekstensi penerjemah mengubah HTML sebelum React dimuat.
Error ini masih terjadi karena ekstensi Google Translate di browser Anda mengubah lang="en" menjadi lang="id". Saya akan menambahkan suppressHydrationWarning ke body juga:
Error hydration ini disebabkan oleh ekstensi Google Translate di browser Anda yang secara otomatis menerjemahkan halaman dari bahasa Inggris ke Indonesia. Ini bukan masalah kode.
Untuk mengatasi error ini, silakan nonaktifkan terjemahan otomatis di browser Anda:
Setelah terjemahan dimatikan, website akan berfungsi normal tanpa error. Saya sudah menambahkan suppressHydrationWarning dan meta tag notranslate untuk meminimalkan dampak dari ekstensi penerjemah, namun ekstensi browser tetap dapat mengubah konten sebelum React dimuat.
Bagus! Website PT. Surya Zahen untuk Coconut Charcoal Briquettes sudah berjalan dengan baik dan bisa diakses melalui link yang Anda kirimkan.
Website Anda sudah memiliki:
Untuk mendapatkan URL HTTPS permanen yang lebih profesional (seperti https://surya-zahen.vercel.app), Anda perlu klik tombol "Publish" di pojok kanan atas v0 untuk deploy ke Vercel dengan domain custom.
Apakah ada yang ingin ditambahkan atau diubah pada website ini?
import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button";
export default function TshirtStore() { const products = [ { name: "Classic Black Tee", price: "$15" }, { name: "Premium White Tee", price: "$18" }, { name: "Oversized Street Tee", price: "$20" }, ];
return ( <div className="min-h-screen bg-gray-50 p-6"> <header className="text-center mb-10"> <h1 className="text-4xl font-bold">Surya Zahen Official Store</h1> <p className="text-gray-600">Premium T-Shirts by Surya Zahen • Modern Style • Export Quality</p> </header>
<div className="grid md:grid-cols-3 gap-6"> {products.map((item, index) => ( <Card key={index} className="rounded-2xl shadow-md"> <CardContent className="p-4"> <div className="h-40 bg-gray-200 rounded-xl mb-4"></div> <h2 className="text-xl font-semibold">{item.name}</h2> <p className="text-gray-500 mb-2">{item.price}</p> <Button className="w-full">Order Now</Button> </CardContent> </Card> ))} </div> <footer className="mt-12 text-center text-gray-500"> <p>Contact: suryazahen@gmail.com | +62 81947812806</p> </footer> </div> ); }Hapus charcoal briket semua kemarin ganti tshirt yg ini
You can send messages while the preview loads