chore(deps): bump @portabletext/react from 7.0.1 to 8.0.0

[dependabot]

Bumps @portabletext/react from 7.0.1 to 8.0.0.

Release notes

Sourced from @​portabletext/react's releases.

v8.0.0

Major Changes

• dec0351 Thanks @​rexxars! - Node.js 22.12 or later is now required

  The previous range also allowed Node.js 20.19 and later. Node.js 20 reached end of life in April 2026, so it is no longer supported here.

  If you build or server-render on Node.js 20, upgrade to 22.12 or later before taking this version. Installing on an older release will fail the engines check. Nothing changes for browsers or for bundled output.

• dec0351 Thanks @​rexxars! - Lists now nest as deeply as their level says they do

  When you will see a difference

  Only when your content has a list item that starts deeper than level 1, or that jumps more than one level at a time, such as going straight from level 1 to level 3. Lists that start at level 1 and change one level at a time render exactly as before.

  Portable Text stores list nesting as a flat level number on each block, and an editor lets an author produce both of those shapes. Previously the rendered nesting could be shallower than level said, and an item returning to a shallower level could start a new list instead of continuing the one it belonged to, which restarts the numbering of an <ol>.

  What changes

  Two list items, the first at level 3 and the second at level 1, used to render as two unrelated lists:

  <ul>
    <li>Level 3</li>
  </ul>
  <ul>
    <li>Level 1</li>
  </ul>

  They now render as one list, three levels deep, with the second item as a sibling at the top:

  <ul>
    <li>
      <ul>
        <li>
          <ul>
            <li>Level 3</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>Level 1</li>
  </ul>

  The levels nobody authored have to be filled with something, and HTML can only put a list inside a list item, so they become empty list items. A browser draws a bullet or a number for each of them.

  What you may need to do

... (truncated)

Changelog

Sourced from @​portabletext/react's changelog.

8.0.0

Major Changes

• dec0351 Thanks @​rexxars! - Node.js 22.12 or later is now required

  The previous range also allowed Node.js 20.19 and later. Node.js 20 reached end of life in April 2026, so it is no longer supported here.

  If you build or server-render on Node.js 20, upgrade to 22.12 or later before taking this version. Installing on an older release will fail the engines check. Nothing changes for browsers or for bundled output.

• dec0351 Thanks @​rexxars! - Lists now nest as deeply as their level says they do

  When you will see a difference

  Only when your content has a list item that starts deeper than level 1, or that jumps more than one level at a time, such as going straight from level 1 to level 3. Lists that start at level 1 and change one level at a time render exactly as before.

  Portable Text stores list nesting as a flat level number on each block, and an editor lets an author produce both of those shapes. Previously the rendered nesting could be shallower than level said, and an item returning to a shallower level could start a new list instead of continuing the one it belonged to, which restarts the numbering of an <ol>.

  What changes

  Two list items, the first at level 3 and the second at level 1, used to render as two unrelated lists:

  <ul>
    <li>Level 3</li>
  </ul>
  <ul>
    <li>Level 1</li>
  </ul>

  They now render as one list, three levels deep, with the second item as a sibling at the top:

  <ul>
    <li>
      <ul>
        <li>
          <ul>
            <li>Level 3</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>Level 1</li>
  </ul>

  The levels nobody authored have to be filled with something, and HTML can only put a list inside a list item, so they become empty list items. A browser draws a bullet or a number for each of them.

... (truncated)

Commits

• 683029a chore: version packages (#341)
• dec0351 fix!: nest lists as deeply as their level says (#340)
• ca04486 chore(deps): update non-major (#338)
• 4f9b792 chore(format): 🤖 ✨ (#335)
• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot]

Labels

The following labels could not be found: automated, dependencies. Please create them before Dependabot can add them to a pull request.

Please fix the above issues or remove invalid values from dependabot.yml.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​portabletext/​react@​8.0.0

View full report