我从来没有做过很多的设计，当谈到滚动在React，但决定尝试今天。从我的理解，这样做的方式是使用 Package 器和使用库的需要是不需要的。我不明白为什么我的滚动按钮没有发生什么？

import React, { useState } from 'react'
import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
const SendMessageUser = () => {
    const styles = {
        main: {
            height: "100%",
            position: "relative"
        },
        wrapper: {
            height: "100%",
            position: "relative",
            "::-webkit-scrollbar": {
                width: "20px"
            },
            "::-webkit-scrollbar-track": {
                backgroundColor: "transparent"
            },
            "::-webkit-scrollbar-thumb": {
                backgroundColor: "#d6dee1",
                borderRadius: "20px",
                border: "6px solid transparent",
                backgroundClip: "content-box"
            },
            "::-webkit-scrollbar-thumb:hover": {
                backgroundColor: "#a8bbbf"
            }
        },
        textArea: {
            height: "100%", overflowY: "auto", width: "100%", backgroundColor: "#fff", resize: "none", border: "none", outline: "none", padding: "10px 25px 10px 10px", fontSize: "15px",
        }
    };
    const [message, setMessage] = useState("");
    const handleChange = (event) => {
        setMessage(event.target.value);
    };
    const sendMessage = (event) => {
        event.preventDefault();
    }
    return (
        <form className="send-message" onSubmit={(event) => sendMessage(event)} style={styles.main}>
            <div style={styles.wrapper}>
                <textarea spellcheck="false" data-gramm="false" data-gramm_editor="false" data-enable-grammarly="false" style={styles.textArea}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit, ipsum in hendrerit laoreet, ligula ipsum commodo nisl, eu commodo est nulla quis dolor.</textarea>
            </div>
            <ArrowCircleRightIcon color="primary" sx={{
                position: "absolute",
                top: 0,
                right: 0,
                transform: "rotate(-90deg)",
            }} />
        </form >
    )
}

export default SendMessageUser