I am importing a simple component in next app that is a form built using formik. That is a simple form having some field but i am getting

Error: Objects are not valid as a React child (found: object with keys {message, name, code, config, request, response}). If you meant to render a collection of children, use an array instead.

whenever i try to load that route containing the form.
How can i resolve this issue?

import React from 'react';
import BlogFormPage from 'src/components/dashboard/blogForm/BlogForm';

function AddBlogPage() {
    return (<>
    <BlogFormPage/>
    </>)
}

export default AddBlogPage;