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

[JorgelRight34]

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:1:699600)
    at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:698832)
    at $e.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:703384)
    at CommitRankedAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1008643)
    at renderWithHooks (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:66940)
    at updateFunctionComponent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:97513)
    at beginWork (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:111594)
    at performUnitOfWork (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:184246)
    at workLoopSync (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:184102)
    at renderRootSync (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:183886)

Error component stack (automated)

at CommitRankedAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1008444)
    at div (<anonymous>)
    at div (<anonymous>)
    at div (<anonymous>)
    at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:879909)
    at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1144384
    at ao (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:898411)
    at div (<anonymous>)
    at div (<anonymous>)
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)
    at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901313
    at div (<anonymous>)
    at div (<anonymous>)
    at div (<anonymous>)
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)
    at SuspenseTreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1147064)
    at InspectedElementContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:915935)
    at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:994422)
    at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:986233)
    at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:786019)
    at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:815755)
    at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:972480)
    at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1175879)

GitHub query string (automated)

https://api.github.com/search/issues?q=Commit tree already contains fiber . This is a bug in React DevTools. in:title is:issue is:open is:public label:"Component: Developer Tools" repo:facebook/react