### Website or app

https://react.dev

### Repro steps

1. Go to components tab.
2. For any component, try to copy the value in props, hooks etc. to clipboard.

![image](https://user-images.githubusercontent.com/75756768/228340421-a901498a-1308-4e8f-b502-989f4c60331f.png)


### How often does this bug happen?

Every time

### DevTools package (automated)

_No response_

### DevTools version (automated)

_No response_

### Error message (automated)

_No response_

### Error call stack (automated)

_No response_

### Error component stack (automated)

_No response_

### GitHub query string (automated)

_No response_
.spyOn(console, 'warn')
        .mo
      // now force error state on <Example />
      await toggleError(true);
      
      consoleWarnMock.mockRestore();
      // we are in error state now, <Example /> won't show up
      withErrorsOrWarningsIgnored(['Invalid index'], () => {
        expect(store.getElementIDAtIndex(1)).toBe(null);
      });
      // Inpsect <ErrorBoundary /> to toggle off the error state
      inspectedElement = await inspect(0);
      t.canToggleError).toBe(true);
      t.isErrored).toBe(true);
      // its error boundary ID is itself because it's caught the error
      t.targetErrorBoundaryID).toBe(
        targetErrorBoundaryID,
      );
      await toggleError(false);
      // We can now inspect <Example /> with ability to toggle again
      inspectedElement = await inspect(1);
      t.canToggleError).toBe(true);
      t.isErrored).toBe(false);
      t.targetErrorBoundaryID).toBe(
        targetErrorBoundaryID,
      );
    });
  });
});