From 056ea687ecd332f60466483860f27f5e3535e474 Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Sat, 29 Apr 2023 12:40:46 +0700 Subject: [PATCH 1/8] docs: translate the pitfall in `renderToString` section --- src/content/reference/react-dom/server/renderToString.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index 41bc6a982..097bc988b 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -4,7 +4,7 @@ title: renderToString -`renderToString` does not support streaming or waiting for data. [See the alternatives.](#alternatives) +`renderToString` tidak mendukung streaming atau menunggu data. [Lihat alternatif.](#alternatives) From 419000049ff77541de90bb1b0e3647e8d8f3432a Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Sun, 30 Apr 2023 16:57:59 +0700 Subject: [PATCH 2/8] docs: translate `renderToString` section --- .../react-dom/server/renderToString.md | 75 +++++++++---------- 1 file changed, 37 insertions(+), 38 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index 097bc988b..068be3667 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -10,7 +10,7 @@ title: renderToString -`renderToString` renders a React tree to an HTML string. +`renderToString` me-_render_ React _tree_ menjadi _string_ HTML. ```js const html = renderToString(reactNode) @@ -22,11 +22,11 @@ const html = renderToString(reactNode) --- -## Reference {/*reference*/} +## Referensi {/*reference*/} ### `renderToString(reactNode)` {/*rendertostring*/} -On the server, call `renderToString` to render your app to HTML. +Di server, panggil `renderToString` untuk me-_render_ aplikasi Anda ke HTML. ```js import { renderToString } from 'react-dom/server'; @@ -34,81 +34,81 @@ import { renderToString } from 'react-dom/server'; const html = renderToString(); ``` -On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to make the server-generated HTML interactive. +Di klien, panggil [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) untuk membuat HTML yang dibuat server interaktif. -[See more examples below.](#usage) +[Lihat lebih banyak contoh di bawah.](#usage) -#### Parameters {/*parameters*/} +#### Parameter {/*parameters*/} -* `reactNode`: A React node you want to render to HTML. For example, a JSX node like ``. +* `reactNode`: Node React yang ingin Anda render ke HTML. Contohnya, sebuah elemen JSX seperti `` -#### Returns {/*returns*/} +#### Kembalian {/*returns*/} -An HTML string. +Sebuah _string_ HTML. -#### Caveats {/*caveats*/} +#### Peringatan {/*caveats*/} -* `renderToString` has limited Suspense support. If a component suspends, `renderToString` immediately sends its fallback as HTML. +* `renderToString` memiliki dukungan _Suspense_ yang terbatas. Jika komponen ditangguhkan, `renderToString` secara langsung mengirimkan kembaliannya sebagai HTML. -* `renderToString` works in the browser, but using it in the client code is [not recommended.](#removing-rendertostring-from-the-client-code) +* `renderToString` bejerka di peramban, tapi menggunakannya di kode klien [tidak dirokemndasikan.](#removing-rendertostring-from-the-client-code) --- -## Usage {/*usage*/} +## Penggunaan {/*usage*/} -### Rendering a React tree as HTML to a string {/*rendering-a-react-tree-as-html-to-a-string*/} +### Me-render React tree sebagai HTML menjadi string {/*rendering-a-react-tree-as-html-to-a-string*/} -Call `renderToString` to render your app to an HTML string which you can send with your server response: +Panggil `renderToString` untuk me-render aplikasi Anda ke _string_ HTML yang dapat Anda kirim dengan respons server Anda: ```js {5-6} import { renderToString } from 'react-dom/server'; -// The route handler syntax depends on your backend framework +// Sintaks pengendali rute bergantung pada framework backend Anda app.use('/', (request, response) => { const html = renderToString(); response.send(html); }); ``` -This will produce the initial non-interactive HTML output of your React components. On the client, you will need to call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to *hydrate* that server-generated HTML and make it interactive. +Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. Pada klien, Anda perlu memanggil [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) untuk *menghidrasi* HTML yang dihasilkan server dan membuatnya interaktif. -`renderToString` does not support streaming or waiting for data. [See the alternatives.](#alternatives) +`renderToString` tidak mendukung streaming atau menunggu data. [Lihat alternatif.](#alternatives) --- -## Alternatives {/*alternatives*/} +## Alternatif {/*alternatives*/} -### Migrating from `renderToString` to a streaming method on the server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/} +### Migrasi dari `renderToString` ke metode _streaming_ di server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/} -`renderToString` returns a string immediately, so it does not support streaming or waiting for data. +`renderToString` segera mengembalikan _string_, sehingga tidak mendukung _streaming_ atau menunggu data. -When possible, we recommend using these fully-featured alternatives: +Jika memungkinkan, sebaiknya gunakan alternatif berfitur lengkap ini: -* If you use Node.js, use [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream) -* If you use Deno or a modern edge runtime with [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API), use [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream) +* Jika Anda menggunakan Node.js, gunakan [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream) +* Jika Anda menggunakan Deno atau _edge runtime_ modern dengan [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API), gunakan [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream) -You can continue using `renderToString` if your server environment does not support streams. +Anda dapat terus menggunakan `renderToString` jika _environment_ server Anda tidak mendukung _streaming_. --- -### Removing `renderToString` from the client code {/*removing-rendertostring-from-the-client-code*/} +### Menghapus `renderToString` dari kode klien {/*removing-rendertostring-from-the-client-code*/} -Sometimes, `renderToString` is used on the client to convert some component to HTML. +Terkadang, `renderToString` digunakan pada klien untuk mengkonversi beberapa komponen ke HTML. ```js {1-2} -// 🚩 Unnecessary: using renderToString on the client +// 🚩 Tidak perlu: menggunakan renderToString pada klien import { renderToString } from 'react-dom/server'; const html = renderToString(); -console.log(html); // For example, "..." +console.log(html); // Contohnya, "..." ``` -Importing `react-dom/server` **on the client** unnecessarily increases your bundle size and should be avoided. If you need to render some component to HTML in the browser, use [`createRoot`](/reference/react-dom/client/createRoot) and read HTML from the DOM: +Mengimpor `react-dom/server` **pada klien** meningkatkan ukuran bundel Anda secara tidak perlu dan harus dihindari. Jika Anda perlu me-_render_ beberapa komponen ke HTML di browser, gunakan [`createRoot`](/reference/react-dom/client/createRoot) dan baca HTML dari DOM: ```js import { createRoot } from 'react-dom/client'; @@ -119,20 +119,19 @@ const root = createRoot(div); flushSync(() => { root.render(); }); -console.log(div.innerHTML); // For example, "..." +console.log(div.innerHTML); // Contohnya, "..." ``` -The [`flushSync`](/reference/react-dom/flushSync) call is necessary so that the DOM is updated before reading its [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) property. +Panggilan [`flushSync`](/reference/react-dom/flushSync) diperlukan agar DOM diperbarui sebelum membaca [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Elemen/innerHTML). --- -## Troubleshooting {/*troubleshooting*/} - -### When a component suspends, the HTML always contains a fallback {/*when-a-component-suspends-the-html-always-contains-a-fallback*/} +## Penyelesaian Masalah {/*troubleshooting*/} -`renderToString` does not fully support Suspense. +### Saat komponen ditangguhkan, HTML selalu berisi fallback {/*when-a-component-suspends-the-html-always-contains-a-fallback*/} -If some component suspends (for example, because it's defined with [`lazy`](/reference/react/lazy) or fetches data), `renderToString` will not wait for its content to resolve. Instead, `renderToString` will find the closest [``](/reference/react/Suspense) boundary above it and render its `fallback` prop in the HTML. The content will not appear until the client code loads. +`renderToString` tidak sepenuhnya mendukung _Suspense_. -To solve this, use one of the [recommended streaming solutions.](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) They can stream content in chunks as it resolves on the server so that the user sees the page being progressively filled in before the client code loads. +Jika beberapa komponen ditangguhkan (misalnya, karena ditentukan dengan [`lazy`](/reference/react/lazy) atau mengambil data), `renderToString` tidak akan menunggu kontennya diselesaikan. Sebagai gantinya, `renderToString` akan menemukan batas [``](/reference/react/Suspense) terdekat di atasnya dan merender prop `fallback` di HTML. Konten tidak akan muncul hingga kode klien dimuat. +Untuk mengatasinya, gunakan salah satu [solusi _streaming_ yang disarankan.](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) Mereka dapat melakukan _streaming_ konten dalam potongan-potongan saat diselesaikan di server sehingga pengguna melihat halaman diisi secara progresif sebelum kode klien dimuat. From bde3dfc7eb09cf033671ea68b4a37fa31c06b6f8 Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Tue, 2 May 2023 06:20:47 +0700 Subject: [PATCH 3/8] docs: update italic on `renderToString` --- .../react-dom/server/renderToString.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index 068be3667..a71c8b8d7 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -10,7 +10,7 @@ title: renderToString -`renderToString` me-_render_ React _tree_ menjadi _string_ HTML. +`renderToString` me-*render* React *tree* menjadi *string* HTML. ```js const html = renderToString(reactNode) @@ -26,7 +26,7 @@ const html = renderToString(reactNode) ### `renderToString(reactNode)` {/*rendertostring*/} -Di server, panggil `renderToString` untuk me-_render_ aplikasi Anda ke HTML. +Di server, panggil `renderToString` untuk me-*render* aplikasi Anda ke HTML. ```js import { renderToString } from 'react-dom/server'; @@ -44,11 +44,11 @@ Di klien, panggil [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) untuk #### Kembalian {/*returns*/} -Sebuah _string_ HTML. +Sebuah *string* HTML. #### Peringatan {/*caveats*/} -* `renderToString` memiliki dukungan _Suspense_ yang terbatas. Jika komponen ditangguhkan, `renderToString` secara langsung mengirimkan kembaliannya sebagai HTML. +* `renderToString` memiliki dukungan *Suspense* yang terbatas. Jika komponen ditangguhkan, `renderToString` secara langsung mengirimkan kembaliannya sebagai HTML. * `renderToString` bejerka di peramban, tapi menggunakannya di kode klien [tidak dirokemndasikan.](#removing-rendertostring-from-the-client-code) @@ -58,7 +58,7 @@ Sebuah _string_ HTML. ### Me-render React tree sebagai HTML menjadi string {/*rendering-a-react-tree-as-html-to-a-string*/} -Panggil `renderToString` untuk me-render aplikasi Anda ke _string_ HTML yang dapat Anda kirim dengan respons server Anda: +Panggil `renderToString` untuk me-render aplikasi Anda ke *string* HTML yang dapat Anda kirim dengan respons server Anda: ```js {5-6} import { renderToString } from 'react-dom/server'; @@ -83,16 +83,16 @@ Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. ## Alternatif {/*alternatives*/} -### Migrasi dari `renderToString` ke metode _streaming_ di server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/} +### Migrasi dari `renderToString` ke metode streaming di server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/} -`renderToString` segera mengembalikan _string_, sehingga tidak mendukung _streaming_ atau menunggu data. +`renderToString` segera mengembalikan *string*, sehingga tidak mendukung *streaming* atau menunggu data. Jika memungkinkan, sebaiknya gunakan alternatif berfitur lengkap ini: * Jika Anda menggunakan Node.js, gunakan [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream) -* Jika Anda menggunakan Deno atau _edge runtime_ modern dengan [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API), gunakan [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream) +* Jika Anda menggunakan Deno atau *edge runtime* modern dengan [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams*API), gunakan [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream) -Anda dapat terus menggunakan `renderToString` jika _environment_ server Anda tidak mendukung _streaming_. +Anda dapat terus menggunakan `renderToString` jika *environment* server Anda tidak mendukung *streaming*. --- @@ -108,7 +108,7 @@ const html = renderToString(); console.log(html); // Contohnya, "..." ``` -Mengimpor `react-dom/server` **pada klien** meningkatkan ukuran bundel Anda secara tidak perlu dan harus dihindari. Jika Anda perlu me-_render_ beberapa komponen ke HTML di browser, gunakan [`createRoot`](/reference/react-dom/client/createRoot) dan baca HTML dari DOM: +Mengimpor `react-dom/server` **pada klien** meningkatkan ukuran bundel Anda secara tidak perlu dan harus dihindari. Jika Anda perlu me-*render* beberapa komponen ke HTML di peramban, gunakan [`createRoot`](/reference/react-dom/client/createRoot) dan baca HTML dari DOM: ```js import { createRoot } from 'react-dom/client'; @@ -130,8 +130,8 @@ Panggilan [`flushSync`](/reference/react-dom/flushSync) diperlukan agar DOM dipe ### Saat komponen ditangguhkan, HTML selalu berisi fallback {/*when-a-component-suspends-the-html-always-contains-a-fallback*/} -`renderToString` tidak sepenuhnya mendukung _Suspense_. +`renderToString` tidak sepenuhnya mendukung *Suspense*. Jika beberapa komponen ditangguhkan (misalnya, karena ditentukan dengan [`lazy`](/reference/react/lazy) atau mengambil data), `renderToString` tidak akan menunggu kontennya diselesaikan. Sebagai gantinya, `renderToString` akan menemukan batas [``](/reference/react/Suspense) terdekat di atasnya dan merender prop `fallback` di HTML. Konten tidak akan muncul hingga kode klien dimuat. -Untuk mengatasinya, gunakan salah satu [solusi _streaming_ yang disarankan.](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) Mereka dapat melakukan _streaming_ konten dalam potongan-potongan saat diselesaikan di server sehingga pengguna melihat halaman diisi secara progresif sebelum kode klien dimuat. +Untuk mengatasinya, gunakan salah satu [solusi *streaming* yang disarankan.](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) Mereka dapat melakukan *streaming* konten dalam potongan-potongan saat diselesaikan di server sehingga pengguna melihat halaman diisi secara progresif sebelum kode klien dimuat. From ee3880dd3d1051e77b91cdec83e4a424d11eeb1c Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Tue, 2 May 2023 12:39:43 +0700 Subject: [PATCH 4/8] docs: update `renderToString` section --- src/content/reference/react-dom/server/renderToString.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index a71c8b8d7..f8c1f98f7 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -4,13 +4,13 @@ title: renderToString -`renderToString` tidak mendukung streaming atau menunggu data. [Lihat alternatif.](#alternatives) +`renderToString` tidak mendukung streaming atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) -`renderToString` me-*render* React *tree* menjadi *string* HTML. +`renderToString` me-*render* pohon (*tree*) React menjadi *string* HTML. ```js const html = renderToString(reactNode) @@ -75,7 +75,7 @@ Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. -`renderToString` tidak mendukung streaming atau menunggu data. [Lihat alternatif.](#alternatives) +`renderToString` tidak mendukung streaming atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) From 8442488976fc6a85ce0e20ef023d18152d2d3056 Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Tue, 2 May 2023 12:42:59 +0700 Subject: [PATCH 5/8] docs: update `renderToString` translation --- src/content/reference/react-dom/server/renderToString.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index f8c1f98f7..eec087740 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -56,7 +56,7 @@ Sebuah *string* HTML. ## Penggunaan {/*usage*/} -### Me-render React tree sebagai HTML menjadi string {/*rendering-a-react-tree-as-html-to-a-string*/} +### Me-render pohon React sebagai HTML menjadi string {/*rendering-a-react-tree-as-html-to-a-string*/} Panggil `renderToString` untuk me-render aplikasi Anda ke *string* HTML yang dapat Anda kirim dengan respons server Anda: From 6df93659e70d1e4fc9e7ab663fa462bb9b0505ad Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Tue, 2 May 2023 13:29:34 +0700 Subject: [PATCH 6/8] docs: update `renderToString` translation --- src/content/reference/react-dom/server/renderToString.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index eec087740..8f76f6c75 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -4,7 +4,7 @@ title: renderToString -`renderToString` tidak mendukung streaming atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) +`renderToString` tidak mendukung *streaming* atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) @@ -75,7 +75,7 @@ Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. -`renderToString` tidak mendukung streaming atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) +`renderToString` tidak mendukung *streaming* atau menunggu data. [Lihat beberapa alternatifnya.](#alternatives) From 8440459af970a0bb72c57d0ab33ccc783ddae5bc Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Thu, 4 May 2023 11:21:59 +0700 Subject: [PATCH 7/8] docs: update `renderToString` translations --- src/content/reference/react-dom/server/renderToString.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index 8f76f6c75..8fa6f3ba3 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -50,7 +50,7 @@ Sebuah *string* HTML. * `renderToString` memiliki dukungan *Suspense* yang terbatas. Jika komponen ditangguhkan, `renderToString` secara langsung mengirimkan kembaliannya sebagai HTML. -* `renderToString` bejerka di peramban, tapi menggunakannya di kode klien [tidak dirokemndasikan.](#removing-rendertostring-from-the-client-code) +* `renderToString` bekerja di peramban, tapi menggunakannya di kode klien [tidak direkomendasikan.](#removing-rendertostring-from-the-client-code) --- @@ -58,12 +58,12 @@ Sebuah *string* HTML. ### Me-render pohon React sebagai HTML menjadi string {/*rendering-a-react-tree-as-html-to-a-string*/} -Panggil `renderToString` untuk me-render aplikasi Anda ke *string* HTML yang dapat Anda kirim dengan respons server Anda: +Panggil `renderToString` untuk me-*render* aplikasi Anda ke *string* HTML yang dapat Anda kirim dengan respons server Anda: ```js {5-6} import { renderToString } from 'react-dom/server'; -// Sintaks pengendali rute bergantung pada framework backend Anda +// Sintaksis pengendali rute bergantung pada framework backend Anda app.use('/', (request, response) => { const html = renderToString(); response.send(html); @@ -85,7 +85,7 @@ Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. ### Migrasi dari `renderToString` ke metode streaming di server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/} -`renderToString` segera mengembalikan *string*, sehingga tidak mendukung *streaming* atau menunggu data. +`renderToString` mengembalikan *string* dengan seketika, sehingga tidak mendukung *streaming* atau menunggu data. Jika memungkinkan, sebaiknya gunakan alternatif berfitur lengkap ini: From be34bfa0d69c2333eb255191f5788910b3947848 Mon Sep 17 00:00:00 2001 From: Hisam Fahri Date: Thu, 4 May 2023 11:24:14 +0700 Subject: [PATCH 8/8] docs: update another part on `renderToString` section --- src/content/reference/react-dom/server/renderToString.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index 8fa6f3ba3..f1307c66c 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -87,7 +87,7 @@ Ini akan menghasilkan output HTML non-interaktif awal dari komponen React Anda. `renderToString` mengembalikan *string* dengan seketika, sehingga tidak mendukung *streaming* atau menunggu data. -Jika memungkinkan, sebaiknya gunakan alternatif berfitur lengkap ini: +Saat memungkinkan, kami merekomendasikan untuk menggunakan alternatif yang berfitur lengkap ini: * Jika Anda menggunakan Node.js, gunakan [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream) * Jika Anda menggunakan Deno atau *edge runtime* modern dengan [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams*API), gunakan [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream) @@ -122,7 +122,7 @@ flushSync(() => { console.log(div.innerHTML); // Contohnya, "..." ``` -Panggilan [`flushSync`](/reference/react-dom/flushSync) diperlukan agar DOM diperbarui sebelum membaca [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Elemen/innerHTML). +Memanggil [`flushSync`](/reference/react-dom/flushSync) diperlukan agar DOM diperbarui sebelum membaca [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Elemen/innerHTML). ---