API handler should not return a value, received object. 질문

[JUN-BANANA]

'app/write/page.js" 에서

'use client'

import {useState} from "react";

export default async function Write(){

return(
        <div className="p-20">
            <h1>글작성 테스트</h1>
            <form action="/api/post/new" method="POST">
                <input name="title" placeholder="글제목"/>
                <input name="content" placeholder="글내용"/>
                <input name = "detail" placeholder="세부 내용"/>
                <button type="submit">전송</button>
            </form>
        </div>
    )
}을 POST 했을때 DB에 저장하는 내용 "pages/api/post/new.js" 에

import {connectDB} from "@/util/databast";

export default async function handler(req ,res) {
    if(req.method === 'POST') {
        const db = (await connectDB).db('TestNextJs')
        let result = await db.collection('post').insertOne(req.body)
        // console.log(req.body)
        // if(req.body == null){
        //     return res.status(500)
        // }
        return res.status(200).redirect('/')
    }
} 이렇게 적었는데 POST 요청시 db 저장까지는 되는데  설정한 주소로 리디렉션이 이루어 지지 않고 리디렉션을 적지 않고 
"return res.status(200)" 만 적어도 "API handler should not return a value, received object." 이 계속 뜨고 대기 상태에 들어갑니다.
 왜 리턴이 이루어지지 않는 건가요?

[codingapple]

return은 빼봅시다

[JUN-BANANA]

import {connectDB} from "@/util/databast";

export default async function handler(req ,res) {
    if(req.method === 'POST') {
        const db = (await connectDB).db('TestNextJs')
        let result = await db.collection('post').insertOne(req.body)
        console.log(req.body)
        // if(req.body == null){
        //     return res.status(500)
        // }
        res.status(200).redirect('/')
    }
} 
그래도 안되는것 같습니다. 전체적인 문제가 있는 건가요?

[codingapple]

res.redirect(302, '/list') 라고씁시다

[JUN-BANANA]

되었습니다. 공식 문서에도 이런 말은 없는것 같던데 버전의 차이 인가요?

[JUN-BANANA]

res.redirect(302, '/') 왜 302를 200으로 하면 안되는 건가요?

[codingapple]

nextjs가 정한 문법이라 그렇게만 써야되는듯요

[snz]

동일한 문제 있었는데 return 제외하니 작동하네요.
감사합니다. :)

[글쓴이]

글