[DevTools Bug] Commit tree already contains fiber "288". This is a bug in React DevTools.

Website or app

Private repo (project on Tanstack Start)

Repro steps

1- I was on a page and clicked a link that took me to CreatLoanForm 2 - There's a lot of bars shown on the profiler i picked one of the hightest ones 3 - The error was thrown

This is the code: import { CurrencyInput, DataModuleFormProps, DateInput, Form, FormContainer, FormGroup, FormMasterDetailLayout, FormRow, FormWatch, NumericInput, PaymentFrequencySelect, PercentageInput, RichTextEditor, Tab, TabPanel, Tabs, TabsList, } from '@/components' import { useLoanForm } from '../hooks/useLoanForm' import { LoanOfficerSearchInput, ProfileSearchInput } from '@/features/profiles' import LoanProjectionCard from './loan-projection-card' import { Loan } from '../models/loan' import { LoanFormValues } from '../lib/schemas/loanFormSchema' import LoanAmortizationPreview from './loan-amortization-preview' import { Project } from '@/features/projects'

interface CreateLoanFormProps extends DataModuleFormProps< Loan, LoanFormValues

{ project: Project }

const CreateLoanForm = (props: CreateLoanFormProps) => { const form = useLoanForm(props)

console.log('will i rerender because of subscribtions?')

return ( Datos Amortización

    </TabPanel>
    <TabPanel index={1} unmountOnExit>
      
    </TabPanel>
  </Tabs>
</FormContainer>

) }

export default CreateLoanForm

How often does this bug happen?

Every time

DevTools package (automated)

react-devtools-extensions

DevTools version (automated)

7.0.1-3cde211b0c

Error message (automated)

Commit tree already contains fiber "288". This is a bug in React DevTools.

Error call stack (automated)

at updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js