fix(deps): update dependency virtua to v0.20.5 (#205)

[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [virtua](https://togithub.com/inokawa/virtua) | [`0.18.0` ->
`0.20.5`](https://renovatebot.com/diffs/npm/virtua/0.18.0/0.20.5) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/virtua/0.20.5?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/virtua/0.20.5?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/virtua/0.18.0/0.20.5?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/virtua/0.18.0/0.20.5?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

@coderabbitai: ignore

---

### Release Notes

<details>
<summary>inokawa/virtua (virtua)</summary>

### [`v0.20.5`](https://togithub.com/inokawa/virtua/releases/tag/0.20.5)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.20.4...0.20.5)

#### What's Changed

- Fix wrong minHeight/minWidth of Vue VList by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/325](https://togithub.com/inokawa/virtua/pull/325)

**Full Changelog**:
inokawa/virtua@0.20.4...0.20.5

### [`v0.20.4`](https://togithub.com/inokawa/virtua/releases/tag/0.20.4)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.20.3...0.20.4)

#### What's Changed

- Fix swr minify issue in Next.js by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/324](https://togithub.com/inokawa/virtua/pull/324)

**Full Changelog**:
inokawa/virtua@0.20.3...0.20.4

### [`v0.20.3`](https://togithub.com/inokawa/virtua/releases/tag/0.20.3)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.20.2...0.20.3)

#### What's Changed

- Improve touch handling in WindowVirtualizer by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/321](https://togithub.com/inokawa/virtua/pull/321)

**Full Changelog**:
inokawa/virtua@0.20.2...0.20.3

### [`v0.20.2`](https://togithub.com/inokawa/virtua/releases/tag/0.20.2)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.20.1...0.20.2)

#### What's Changed

- Revert "Add `contain: content` to container element" by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/318](https://togithub.com/inokawa/virtua/pull/318)

**Full Changelog**:
inokawa/virtua@0.20.1...0.20.2

### [`v0.20.1`](https://togithub.com/inokawa/virtua/releases/tag/0.20.1)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.20.0...0.20.1)

#### What's Changed

- Ignore inappropriate flex style by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/316](https://togithub.com/inokawa/virtua/pull/316)
- Update style of Vue VList to be the same as React by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/317](https://togithub.com/inokawa/virtua/pull/317)

**Full Changelog**:
inokawa/virtua@0.20.0...0.20.1

### [`v0.20.0`](https://togithub.com/inokawa/virtua/releases/tag/0.20.0)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.19.2...0.20.0)

#### BREAKING CHANGES

- Incomplete padding support was dropped from `VList`. Use `Virtualizer`
and `startMargin`/`endMargin` prop instead.

```tsx
// VList
<VList style={{ paddingTop:20, paddingBottom: 40 }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto', overflowAnchor: "none" }}>
  <div style={{ height: 20 }}/>
  <Virtualizer startMargin={20} endMargin={40}>
   {createRows(1000)}
  </Virtualizer>
  <div style={{ height: 40 }}/>
</div>
```

- `components.Root` prop of `VList` was removed. Use `Virtualizer`
instead. If you want to customize scrollable element, just pass props to
wrapper div. If you want to customize inner element, use `as` prop of
`Virtualizer`.

```tsx
// VList
<VList components={{ Root: ViewportComponent }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto' }}>
  <Virtualizer as={ContainerComponent}>
   {createRows(1000)}
  </Virtualizer>
</div>
```

- `WVList` was renamed and changed to `WindowVirtualizer` because it has
similar usability to `Virtualizer`. It's wrapper div was removed so add
it by yourself if you need to apply some styles.

```tsx
// WVList
<div style={{ padding: 200 }}>
  <WVList style={{ border: "solid 1px gray" }}>
   {createRows(1000)}
  </WVList>
</div>

// WindowVirtualizer
<div style={{ padding: 200 }}>
  <div style={{ border: "solid 1px gray" }}>
    <WindowVirtualizer>{createRows(1000)}</WindowVirtualizer>
  </div>
</div>
```

-   `components.Item` prop of `VList` was renamed to `item`
-   `initialItemSize` prop was renamed to `itemSize`
-   `onScrollStop` prop was renamed to `onScrollEnd`

#### What's Changed

- Add Virtualizer and WindowVirtualizer by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/303](https://togithub.com/inokawa/virtua/pull/303)

**Full Changelog**:
inokawa/virtua@0.19.2...0.20.0

### [`v0.19.2`](https://togithub.com/inokawa/virtua/releases/tag/0.19.2)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.19.1...0.19.2)

#### What's Changed

- Fix bug that scrollOffset can become minus by filtering after
scrolling by [@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/314](https://togithub.com/inokawa/virtua/pull/314)

**Full Changelog**:
inokawa/virtua@0.19.1...0.19.2

### [`v0.19.1`](https://togithub.com/inokawa/virtua/releases/tag/0.19.1)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.19.0...0.19.1)

#### What's Changed

- Improve jump compensation after prepending by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/313](https://togithub.com/inokawa/virtua/pull/313)

**Full Changelog**:
inokawa/virtua@0.19.0...0.19.1

### [`v0.19.0`](https://togithub.com/inokawa/virtua/releases/tag/0.19.0)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.18.1...0.19.0)

- **BREAKING**: `initialItemCount` prop was renamed to `ssrCount` and
now only for SSR

#### What's Changed

- Remove hidden style from items in SSR before hydration by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/309](https://togithub.com/inokawa/virtua/pull/309)

**Full Changelog**:
inokawa/virtua@0.18.1...0.19.0

### [`v0.18.1`](https://togithub.com/inokawa/virtua/releases/tag/0.18.1)

[Compare
Source](https://togithub.com/inokawa/virtua/compare/0.18.0...0.18.1)

#### What's Changed

- Refactor cache by [@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/294](https://togithub.com/inokawa/virtua/pull/294)
- Add docs for Vue by [@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/295](https://togithub.com/inokawa/virtua/pull/295)
- Refactor resizer by [@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/300](https://togithub.com/inokawa/virtua/pull/300)
- Use Vue JSX by [@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/302](https://togithub.com/inokawa/virtua/pull/302)
- Add `contain: content` to container element by
[@&#8203;inokawa](https://togithub.com/inokawa) in
[https://github.com/inokawa/virtua/pull/308](https://togithub.com/inokawa/virtua/pull/308)

**Full Changelog**:
inokawa/virtua@0.18.0...0.18.1

</details>

---

### Configuration

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

🚦 **Automerge**: Enabled.

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

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

---

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

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/cuculus-dev/cuculus).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xMDMuMSIsInVwZGF0ZWRJblZlciI6IjM3LjEyNy4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: takecchi <[email protected]>

package.json

@@ -35,7 +35,7 @@
  "react-dom": "18.2.0",
  "react-easy-crop": "5.0.4",
  "swr": "2.2.4",
- "virtua": "0.18.0"
+ "virtua": "0.20.5"
  },
  "devDependencies": {
  "@fontsource/material-icons": "5.0.11",

src/app/(menu)/_components/timeline/Timeline.tsx

@@ -6,7 +6,7 @@ import { CircularProgress } from '@mui/material';
 import { UserPost } from '@cuculus/cuculus-api';
 import { SWRTimelineResponse, TimelineData } from '@/libs/swr/timeline/types';
 import Showmore from '@/app/(menu)/_components/timeline/layouts/Showmore';
-import { WVList } from 'virtua';
+import { WindowVirtualizer } from 'virtua';
 
 // 投稿の件数をカウントする
 const lengthPost = (data: TimelineData<UserPost>) => {
@@ -62,7 +62,7 @@ export default function Timeline({ timeline }: Props) {
 
  return (
  <>
- <WVList
+ <WindowVirtualizer
  onRangeChange={(_, endIndex) => {
  const count =
  data?.reduce((accumulator, item) => {
@@ -100,7 +100,7 @@ export default function Timeline({ timeline }: Props) {
  );
  }
  })}
- </WVList>
+ </WindowVirtualizer>
  </>
  );
 }