How to use the @wq/react.useReverse function in @wq/react

export default function List() {
    const reverse = useReverse(),
        { list } = useRenderContext(),
        { page } = useRouteInfo(),
        { ListItemLink, Pagination } = useComponents();

    return (
        <div>
            
                {list.map(row =&gt; (
                    
                        {row.label}
                    
                ))}
            </div>

export default function Index() {
    const reverse = useReverse(),
        { pages } = useRenderContext(),
        { ListItemLink } = useComponents();

    return (
        <div>
            {pages &amp;&amp; (
                
                    {pages.map(page =&gt; (
                        </div>

export default function Pagination() {
    const reverse = useReverse(),
        nav = useNav(),
        { multiple, page: pageNum, count, per_page } = useRenderContext(),
        { name: routeName, params } = useRouteInfo();

    if (!(multiple && count && per_page)) {
        return null;
    }

    const updateParams = newParams => {
        nav(
            reverse(
                routeName,
                {},
                {
                    ...params,
                    ...newParams

export default function Detail() {
    const reverse = useReverse(),
        { page, item_id } = useRouteInfo(),
        { Link } = useComponents();
    return (
        <div>
            Edit
            
        </div>
    );
}