js和我正在尝试Next.js，这是我的目录

在counter-state.js中
我有这个代码：

import {useState} from "react";

function UpdateCounterButton(props){
    return <div>
        <button onClick={props.updateCount(value=>value+1)}></button>
    </div>
}

function CounterRender(props){
    return <div>{props.count}</div>
}

export default function CounterState(){
    const [counter, setCounter] = useState(0)
    return(
        <>
        <CounterRender count = {counter} />
        <UpdateCOunterButton updateCount = {setCounter}/>
        </>
    )
}

那我就跑

yarn dev

当我去localhost：3030
它打开下一页

当我转到localhost：3030/counter/counter-state
404错误

任何帮助请我做错了什么！！