### 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_
"value": {
            "foo": 2,
          },
        },
      ]
    `);
  });
  // See github.com/facebook/react/issues/21654
  it('should s async () => {
    const Example = () => null;
    const proxy = new Proxy(
      {},
      {
        get: (target, prop, receiver) => {
          target[prop] = value => {};
          return target[prop];
        },
      },
    );
    const container = document.createElement('div');
    await utils.actAsync(() =>
      legacyRender(<Example proxy={proxy} />, container),
    );
    const inspectedElement = await inspectElementAtIndex(0);
    t.props).toMatchInlineSnapshot(`
      {
        "proxy": {
          "$$typeof": Dehydrated {
            "preview_short": ƒ () {},
            "preview_long": ƒ () {},