Use reactive props in widgets of a panel page

class AnalyticsDashboard extends Page
{
    #[Reactive]
    public array $metrics = [];

    #[On('updateFilters')]
    public function updateData()
    {
        $dataset = $this->getData();

        $this->metrics = Arr::get($dataset, 'metrics', []);
    }

    public function getWidgetData(): array
    {
        return [
            'metrics' => $this->metrics,
        ];
    }
    ...
}

public function dehydrate($context)
    {
        if ($this->originalValueHash !== crc32(json_encode($this->getValue()))) {
>>            throw new CannotMutateReactivePropException($this->component->getName(), $this->getName());
        }

        $context->pushMemo('props', $this->getName());

    }