React Hook Form结合NextUI组件：复选框触发下拉框值同步至另一下拉框的问题求助

我卡这个简单逻辑已经一周多了，实在搞不定来求助！

我现在在用react-hook-form搭配NextUI组件，本来以为这个需求很简单，结果折腾到现在。场景是这样的：当下面这个复选框被勾选时，需要把住宅国家下拉框的值同步到对应的表单字段里（比如账单国家字段）。

先贴一下我的复选框代码：

<Checkbox
  className="mt-2 mb-5"
  radius="sm"
  checked={useResAddress}
  onValueChange={handleUseResAddressChange}
>
  Use Residential Address
</Checkbox>

然后是需要同步值的住宅国家下拉框代码：

<Select
  label="Residential Country"
  placeholder="-Select Country-"
  isRequired
  radius="sm"
  className="font-inter font-medium text-xl"
  classNames={{
    trigger: INPUT_STYLES,
  }}
  {...register('residenceCountry')}
>
  {/* 下拉选项代码省略 */}
</Select>

现在的问题是，勾选复选框时，我没办法把residenceCountry的值同步到目标表单字段，试了好几种写法都没成功，有没有大佬能指点一下怎么实现这个同步逻辑呀？

备注：内容来源于stack exchange，提问作者AbdulAzeez Olanrewaju