Ошибка POST http://localhost:8000/api/project/create/ 400 (Bad Request) при отправке POST-данных из приложения React с помощью fetch() в Django API

Я работаю над простым приложением DRF + ReactJS, но когда я столкнулся с выполнением POST данных из приложения React в Django API, эта ошибка происходит на веб-консоли POST http://localhost:8000/api/project/create/ 400 (Bad Request) и она говорит, что проблема на моем Create.jsx

Это мой Create.jsx файл:

import React, { useState, useEffect} from 'react'
import { useNavigate } from 'react-router-dom'
import axios from 'axios'
const Create = () => {

const history = useNavigate()
const [title, setTitle] = useState("")
const [body, setBody] = useState("")

const createProject = async () => {
    fetch('http://localhost:8000/api/project/create/', {
        method: "POST",
        headers: {
            'Content-Type': 'application/json'
        },
        title: JSON.stringify(title),
        body: JSON.stringify(body),
    })
    console.log('title', title)
    console.log('BODY', body)
}



return (
    <div className="create-project">
        
        <p>
            <input type="text" onChange={e => setTitle(e.target.value)} value={title} ></input> 
            <textarea type="text" onChange={e => setBody(e.target.value)} value={body}></textarea>
            <button onClick={createProject}>Submit</button>
        </p>
    </div>
)
}

export default Create

А это APIView в django: views.py

class CreateProject(CreateAPIView):
   queryset = Project.objects.all()
   serializer_class = ProjectSerializer

urls.py при необходимости:

path('project/create/', CreateProject.as_view(), name="create-project"),

headers: {
        'Content-Type': 'application/json'
    },

headers: {
'Accept': 'application/json,
'Content-Type': 'application/json'