useDefferedValue的运用场景是什么？

useDefferedValue的运用场景是什么？为什么我的这个并没有实现useDefferedValue的延迟效果（不影响input的更新）

import React, { memo, useDeferredValue, useEffect, useState } from 'react'

const SlowList = memo(function SlowList({ val }) {
    const startime = performance.now()
        while (performance.now() - startime < 500) {

        }
    return <>{val}</>
})

export default function DefferedValue() {
    const [state, setstate] = useState("");
    const defferedValue = useDeferredValue(state)
    return (
        <div>DefferedValue
            <input onChange={e => setstate(e.target.value)}
                value={state} />
            {/* <SlowList val={state}></SlowList> */}
            <SlowList val={defferedValue}></SlowList>
        </div>
    )
}

理论上不是应该每次输入，更新新的state的时候，slowList后台重新渲染，然后input的输入是不影响的，但是如果再次输入，就会触发slowList新的渲染，抛弃旧的渲染。就类似于渲染的防抖吗？

重新找了些资料，但是也没有解决问题。。。从结果来看，没用useDefferedValue的：

slowList的渲染次数确实和输入的次数一样，而且，有大大的卡顿感觉

用了useDefferedValue的：确实slowList的渲染次数只有两次，也就是中间打断了，但不知为什么，input还是有影响，有卡顿的感觉，看来目前还是只能使用防抖了，等成长了再回来看看。。