<div id="root">${ReactDOMServer.renderToString(<App />)}</div> - SyntaxError: Unexpected token '<'

[guddukmr786]

node server/server.js
file:///var/www/Guddu/ssr-example/server/server.js:23
<div id="root">${ReactDOMServer.renderToString(<App />)}</div>
^

SyntaxError: Unexpected token '<'
at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)
at async link (internal/modules/esm/module_job.js:42:21)

my package.json -
{
"name": "ssr-example",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/preset-env": "^7.7.1",
"@babel/preset-react": "^7.7.0",
"@babel/register": "^7.7.0",
"express": "^4.17.1",
"ignore-styles": "^5.0.1",
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-scripts": "3.2.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"ssr": "node server/index.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"type": "module"
}