fix: Improve React Re-render Loops

[justsml]

Adjusted state structurally to allow for simpler useMemo/useCallback usage.

[vercel]

@justsml is attempting to deploy a commit to the TypeCell Team on Vercel.

A member of the Team first needs to authorize it.

[nperez0111]

This all looks correct to me, thanks for the PR. Did you run into a react re-rendering issue that needs this?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
blocknote-website	❌ Failed (Inspect)		Jul 8, 2025 7:09am

[pkg-pr-new]

Open in StackBlitz

@blocknote/ariakit

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/ariakit@1820

@blocknote/code-block

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/code-block@1820

@blocknote/core

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/core@1820

@blocknote/mantine

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/mantine@1820

@blocknote/react

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/react@1820

@blocknote/server-util

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/server-util@1820

@blocknote/shadcn

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/shadcn@1820

@blocknote/xl-ai

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-ai@1820

@blocknote/xl-docx-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-docx-exporter@1820

@blocknote/xl-email-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-email-exporter@1820

@blocknote/xl-multi-column

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-multi-column@1820

@blocknote/xl-odt-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-odt-exporter@1820

@blocknote/xl-pdf-exporter

npm i https://pkg.pr.new/TypeCellOS/BlockNote/@blocknote/xl-pdf-exporter@1820

commit: d004ae2

[justsml]

This all looks correct to me, thanks for the PR. Did you run into a react re-rendering issue that needs this?

Yes. 😺

This is the 1st of (hopefully) a couple of targeted PRs to address excess re-render issues.

Excess = 10-100's or re-renders a second.

My goal is to improve the performance story around Custom toolbar UX, animating editor height (effect), programmatic select, custom slash UX, etc.

[nperez0111]

Hm, 10s or 100s sounds a bit excessive, I'm not sure that we see that in our test harness so maybe there is something in your blocknote integration that is overly rendering.

Either way, would happily accept more PRs for performance updates