Functional `ref` prop throws a `Maximum update depth exceeded` error when suspending.

React version: `18.0.0-alpha-464f27572-20210713`

## Steps To Reproduce

1. Click on the `suspend` button: https://codesandbox.io/s/ref-set-too-many-times-jm0c3?file=/src/App.js.

## The current behavior

Clicking on the `suspend` button throws a `Maximum update depth exceeded` error.

## The expected behavior

Clicking on the `suspend` button suspends.
}
    }
  }
   
   
   
   
  const primaryFlags = flags & ( |  | Hydrating);
  outer: switch (primaryFlags) {
    case : {
      commit(finishedWork);
       
       
       
       
      finishedWork.flags &= ~;
      break;
    }
    case And: {
       
      commit(finishedWork);
       
       
      finishedWork.flags &= ~;
       
      const current = finishedWork.alternate;
      commitWork(current, finishedWork);
      break;
    }
    case Hydrating: {