JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="errorHolderId">ERROR!</div>
</div>

CSS

#wrapper {
   position: relative;
   height: 1000px;   
}

#errorHolderId {
   position: absolute;
   width: 100%;
   top: 600px;
   left: 0;
   
   color: white;
   background: red;
}

JavaScript

var errorHolderTop = $('#errorHolderId').offset().top;
$('html, body').animate({scrollTop: errorHolderTop});