use this component inside of Formik rendering

DisplayFormikState.js

import React from 'react';

const DisplayFormikState = props => {
  const { values, errors, touched } = props;
  return (
    <div style={{ margin: '1rem 0' }}>
      <h3 style={{ fontFamily: 'monospace' }} />
      <pre
        style={{
          background: '#f6f8fa',
          fontSize: '.65rem',
          padding: '.5rem'
        }}
      >
        <strong>values</strong> = {JSON.stringify(values, null, 2)}
        <strong>errors</strong> = {JSON.stringify(errors, null, 2)}
        <strong>touched</strong> = {JSON.stringify(touched, null, 2)}
      </pre>
    </div>
  );
};

export default DisplayFormikState;