Preview.jsx

// . . .
 return (
<div className="flex mt-10 justify-between ">
                <div onClick={onClick} className={Previewstyle.preview}>
                    Download
                </div>
                <div
                    onClick={() =>
                        router.push({
                            pathname: '/edit',
                            query: {
                                userdata: {
                                    data: alldata[0],
                                },
                                useravailabledata: `${alldata}`,
                            },
                        })
                    }
                    className={Previewstyle.preview}
                >
                    Edit
                </div>
            </div>
)
// . . .