Not found page error

[foadabdollahi]

I have a page and for some reason want show 404 error page with 404 httpstatus .
my page:

//app/[locale]/blog/[id]/page.tsx

import { notFound } from 'next/navigation'
import React from 'react'

export default function Page() {
   //some if or when fetch server was null
    return notFound()
  
  return (
        <div>page xxx</div>
    )
}

But with this code i got
NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

And when i add not-found.ts in [locale] folder the error was gone and not-found.ts will show. but it has 200OK HTTP status instance of 404 HTTP status code.