chore: bump up @blocksuite/affine version to v0.18.3 (#9019)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@blocksuite/affine](https://redirect.github.com/toeverything/blocksuite) ([source](https://redirect.github.com/toeverything/blocksuite/tree/HEAD/packages/affine/all), [changelog](https://redirect.github.com/toeverything/blocksuite/blob/master/packages/blocks/CHANGELOG.md)) | [`0.18.1` -> `0.18.3`](https://renovatebot.com/diffs/npm/@blocksuite%2faffine/0.18.1/0.18.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@blocksuite%2faffine/0.18.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@blocksuite%2faffine/0.18.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@blocksuite%2faffine/0.18.1/0.18.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@blocksuite%2faffine/0.18.1/0.18.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) |

---

### Release Notes

<details>
<summary>toeverything/blocksuite (@&#8203;blocksuite/affine)</summary>

### [`v0.18.3`](https://redirect.github.com/toeverything/blocksuite/blob/HEAD/packages/affine/all/CHANGELOG.md#0183)

[Compare Source](https://redirect.github.com/toeverything/blocksuite/compare/v0.18.2...v0.18.3)

##### Patch Changes

-   [`3448094`](https://redirect.github.com/toeverything/blocksuite/commit/3448094): ## Fix

    -   fix(database): storage should be accessed via globalThis ([#&#8203;8863](https://redirect.github.com/toeverything/blocksuite/issues/8863))
    -   fix(edgeless): memory leak in edgeless widgets ([#&#8203;8862](https://redirect.github.com/toeverything/blocksuite/issues/8862))
    -   fix: page switching under starter route ([#&#8203;8860](https://redirect.github.com/toeverything/blocksuite/issues/8860))

### [`v0.18.2`](https://redirect.github.com/toeverything/blocksuite/blob/HEAD/packages/affine/all/CHANGELOG.md#0182)

[Compare Source](https://redirect.github.com/toeverything/blocksuite/compare/v0.18.1...v0.18.2)

##### Patch Changes

-   [`f97c4ab`](https://redirect.github.com/toeverything/blocksuite/commit/f97c4ab): bump

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about these updates again.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/toeverything/AFFiNE).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS40Mi40IiwidXBkYXRlZEluVmVyIjoiMzkuNDIuNCIsInRhcmdldEJyYW5jaCI6ImNhbmFyeSIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiXX0=-->

packages/frontend/component/package.json

@@ -63,7 +63,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@blocksuite/affine": "0.18.1",
+    "@blocksuite/affine": "0.18.3",
     "@blocksuite/icons": "2.1.75",
     "@chromatic-com/storybook": "^3.0.0",
     "@storybook/addon-essentials": "^8.2.9",

packages/frontend/component/src/lit-react/create-component.ts

@@ -277,8 +277,6 @@ export const createComponent = <
       }
     }
 
-    const element = elementRef.current;
-
     for (const [k, v] of Object.entries(props)) {
       if (reservedReactProperties.has(k)) {
         reactProps[k] = v;
@@ -318,14 +316,13 @@ export const createComponent = <
 
     React.useLayoutEffect(() => {
       const container = containerRef.current;
-      if (!container) {
+      const element = elementRef.current;
+      if (!container || !element) {
         return;
       }
+      if (element.isConnected) return;
       container.append(element);
-      return () => {
-        element.remove();
-      };
-    }, [element]);
+    }, []);
 
     return React.createElement(tagName, {
       ...reactProps,