Sonarly Claude Code 0646b69894 ExportMultipleRecordsAction crashes when rendered outside ViewComponentInstanceContext
https://sonarly.com/issue/6956?type=bug

ExportMultipleRecordsAction's hook chain requires ViewComponentInstanceContext (only provided on index pages), but the component can be rendered in the command menu which lacks this context, causing a crash when the action is registered for index-page view types.

Fix: The crash occurs because `useRecordGroupFilter` calls `useAtomComponentStateValue(recordIndexGroupFieldMetadataItemComponentState)` without an explicit instance ID, relying on `ViewComponentInstanceContext` being present in the component tree. When `ExportMultipleRecordsAction` renders inside the command menu (outside `ViewComponentInstanceContext.Provider`), `useAvailableComponentInstanceIdOrThrow` finds no instance ID and throws.

The fix threads the `recordIndexId` — already available in `useRecordIndexLazyFetchRecords` — down through the hook chain as an explicit instance ID, so `useAtomComponentStateValue` can resolve the atom without needing the context:

```typescript file=packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupFilter.ts lines=8-16
export const useRecordGroupFilter = (
  fields: FieldMetadataItem[],
  instanceId?: string,
) => {
  const currentRecordGroupDefinition = useCurrentRecordGroupDefinition();
  const recordIndexGroupFieldMetadataItem = useAtomComponentStateValue(
    recordIndexGroupFieldMetadataItemComponentState,
    instanceId,
  );
```

```typescript file=packages/twenty-front/src/modules/object-record/record-index/hooks/useFindManyRecordIndexTableParams.ts lines=18-30
export const useFindManyRecordIndexTableParams = (
  objectNameSingular: string,
  instanceId?: string,
) => {
  // ...
  const { recordGroupFilter } = useRecordGroupFilter(
    objectMetadataItem?.fields,
    instanceId,
  );
```

```typescript file=packages/twenty-front/src/modules/object-record/record-index/export/hooks/useRecordIndexLazyFetchRecords.ts lines=90-93
  const findManyRecordsParams = useFindManyRecordIndexTableParams(
    objectMetadataItem.nameSingular,
    recordIndexId,
  );
```

All other callers of `useFindManyRecordIndexTableParams` (record table, virtualization hooks) run inside `RecordIndexContainerGater` which mounts `ViewComponentInstanceContext.Provider`, so they continue working correctly without passing an `instanceId`.
2026-03-03 01:20:45 +00:00
2026-02-25 12:26:42 +01:00
2026-02-25 10:35:46 +01:00
2026-03-02 12:06:05 +01:00

Twenty logo

The #1 Open-Source CRM

🌐 Website · 📚 Documentation · Roadmap · Discord · Figma


Cover


Installation

See: 🚀 Self-hosting 🖥️ Local Setup

Why Twenty

We built Twenty for three reasons:

CRMs are too expensive, and users are trapped. Companies use locked-in customer data to hike prices. It shouldn't be that way.

A fresh start is required to build a better experience. We can learn from past mistakes and craft a cohesive experience inspired by new UX patterns from tools like Notion, Airtable or Linear.

We believe in Open-source and community. Hundreds of developers are already building Twenty together. Once we have plugin capabilities, a whole ecosystem will grow around it.


What You Can Do With Twenty

Please feel free to flag any specific needs you have by creating an issue.

Below are a few features we have implemented to date:

Personalize layouts with filters, sort, group by, kanban and table views

Companies Kanban Views

Customize your objects and fields

Setting Custom Objects

Create and manage permissions with custom roles

Permissions

Automate workflow with triggers and actions

Workflows

Emails, calendar events, files, and more

Other Features


Stack

Thanks

Chromatic Greptile Sentry Crowdin E2B

Thanks to these amazing services that we use and recommend for UI testing (Chromatic), code review (Greptile), catching bugs (Sentry) and translating (Crowdin).

Join the Community

Languages
TypeScript 78%
MDX 18.5%
JavaScript 3.1%
Python 0.2%