问带有<slot>子级的Vue 3转换组件引发一个错误

EN

    <transition
        mode="out-in"
        enter-active-class="transition-opacity ease-out"
        enter-from-class="opacity-0"
        enter-to-class="opacity-100"
        leave-active-class="transition-opacity ease-in"
        leave-from-class="opacity-100"
        leave-to-class="opacity-0"
      >
        <slot />
    </transition>

    <FadingTransition>
          <div v-show="!isSearchFocused">
              ...
          </div>
    </FadingTransition>

    [Vue warn]: Hydration node mismatch:
    - Client vnode: div 
    - Server rendered DOM: <!--[--> (start of fragment) 
      at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
      at <Transition mode="out-in" enter-active-class="transition-opacity ease-out duration-75" enter-from-class="opacity-0"  ... > 
      at <FadingTransition> 
      at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
      at <Transition mode="out-in" enter-active-class="ease-out duration-75" enter-from-class="transform -translate-y-1 opacity-0"  ... > 
      at <SearchBar> 
      at <Header> 
      at <App>

    Hydration completed but contains mismatches.