Whenever I try to update the blog, an error occurs after reloading the browser. This error gets resolved when I refresh the browser before updating the blog. I have used formData.set in handleToggle and handleTagsToggle and it works fine there. However, I'm facing an issue with TypeError: formData.set is not a function at components/crud/BlogUpdate.js (186:17) @ Object.handleBody [as onChange]. How should I proceed to solve this problem?
TypeError: formData.set is not a function
Source
components/crud/BlogUpdate.js (186:17) @ Object.handleBody [as onChange]
184 | const handleBody = e => {
185 | setBody(e)
> 186 | formData.set('body', e);
| ^
187 | };
188 |
189 | const editBlog = (e) => {
Call Stack
Object.onEditorChangeText
node_modules/react-quill/lib/component.js (384:0)
Object.eval
node_modules/react-quill/lib/mixin.js (28:0)
...
import Link from 'next/link';
import { useState, useEffect } from 'react';
import Router from 'next/router';
import dynamic from 'next/dynamic';
import { withRouter } from 'next/router';
import { getCookie, isAuth } from '../../actions/auth';
import { getCategories } from '../../actions/category';
import { getTags } from '../../actions/tag';
import { singleBlog, updateBlog } from '../../actions/blog';
const ReactQuill = dynamic(() => import('react-quill'), { ssr: false });
import '../../node_modules/react-quill/dist/quill.snow.css';
import {QuillModules, QuillFormats} from '../../helpers/quill.js';
const BlogUpdate = ({router}) => {
// Functionality for updating blogs goes here...