How to fix dynamic heading with API first letter Capitalise in NextJs

Dynamic heading with API first letter to be Capitalised in NextJs
with Pagination count value change for text
this functionality using with Javascript not use in Css
error showing in this code

{${props.currentPath + " News"} ${props.renderPage ? '- Page ' + parseInt(props.renderPage + 1) : ''}}