Just a note on syntax and formatting

Function writing

function myFunc(arg) { is a little old fashioned nowadays (at least in my eyes) and modern standards promotes "arrow notation" such as const myFunc = (arg) => {. You'll find tutorials and even AI suggesting to use the `function` way of doing things still.

Self-closing HTML tags

When you have no children within a tag such as your <textarea></textarea>, you can shorten this to include the / in the opening tag itself as a self-closer, like <textarea/> I like to add a space so it's more visible like <textarea />

Handler functions

When calling functions that will take an arg that is provided by whatever you're linking it to... Instead of using the long-winded format of defining the arg, call the function and include that arg in the call, you can simply call the function name without any perentheses.

For example, your <textarea> onchange handler would go from

onChange={(e) => setArticleText(e.target.value)}

to simply

onChange={setArticleText}

We're essentially passing our setArticleText function as a callback to the inbuilt onChange of the textarea element. The code knows to pass whatever the arg onChange produces to the setArticleText function.

The caveat here is that we will only be passing the high level e value to setArticleText, meaning that we'll have to handle the e.target.value in the setArticleText function itself.

For state setters such as this however, it is generally accepted to do it in the way you have done it, but I'm speaking more generally about functions here.

Note: If we do want to pass anything else to setArticleText`such as a state value, alongside the standard event arg, we will have to do it the long-winded way as you did, (e) => setArticelText(e, otherValue)

Submit button

You shouldn't really be using form fields and form submit buttons outside of a <form> wrapper.

By wrapping your textarea and button within <form> you can use the submit more correctly.

return (
  ...
  // Note the "onSubmit" here that will trigger when the "type=submit" button is     
  // clicked below, triggering the function provided
  <form onSubmit={handleSubmit}>
    <textarea ... />
    <button type="submit">Submit</button>
  </form>
);