bug: block doesn't work correctly

[gigasource]

Describe the bug A clear and concise description of what the bug is.

To Reproduce Cell

import {Item} from "@/stories/Cell/CellForm.tsx";
import {useState} from "react";
import {block} from "million/react";

interface CellProps {
	item: Item
}

export const Cell = block(({item}: CellProps) => {
	const [active, setActive] = useState<boolean>(false);
	function onItemChange() {
		setActive(true);
		console.log('onItemChange', item.name);
	}

	return <div className={`border-[1px] h-full ${active ? 'border-amber-500' : 'border-[#EEEEEE]'}`}
																onPointerDown={() => onItemChange()}>
		<p>Cell</p>
		<p>{item.name} {item.price}</p>
	</div>
})

Cell.stories.tsx

import {Cell} from "./Cell.tsx";
import {Item} from "@/stories/Cell/CellForm.tsx";

export default {
	title: 'Example/Cell',
}

const item1 : Item = {name: 'A', price: 10};
const item2 : Item = {name: 'B', price: 10};
const item3 : Item = {name: 'C, price: 10};

export const CellEx0 = () => {
	return <div className={'flex h-[200px] gap-[10px]'}>
		<div className={'flex-1 flex-col flex gap-[10px]'}>
			<Cell item={item1}/>
			<Cell item={item2}/>
			<Cell item={item3}/>
		</div>
	</div>
}

When i click item A, then C , log show: onItemChange A Without block then it works correctly

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

Device (please complete the following information):

• OS [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[tobySolutions]

Hey @gigasource, are you by chance getting any errors or something?? 👀👀👀

[aidenybai]

Fixed in v2.4.8-beta.2!