Fix vulnerabilities in sample apps (#2628)

* Activate Yarn Versions in image using corepack

* fix CVEs in create-react-app-sample

* fix CVEs in hexo-sample

* fix vulnerabilities in gatsbysample

* fix CVEs in blog-starter-nextjs

* fix CVEs in webfrontend-yarnlock

* fix CVEs in NodeAndTypeScriptHelloWorld

* fix CVEs in angular14app

* Fix CVEs in dotNetCoreReactApp

* fix CVEs in gatsbysample

* Fix CVEs in Flask-React-Post

* fix CVEs in node-postgres

* fix CVEs in node-mysql

* fix CVEs in node-mssql

* fix CVEs in monorepo-lerna-yarn

* update monorepo-lerna-yarn app

* fix CVEs in monorepo-lerna-npm

* fix CVEs in hackernews-nuxtjs

* fix CVEs in nextjs-yarn2-example

* Created new Soundcloud app with angular 18

* Replaced soundcloud-ngrx with new angular 18 app

* use latest app

* fix CVE in NodeAndTypeScriptHelloWorld

* fix CVEs in hackernews-nuxtjs

Author: Saipriya-1144

tests/Oryx.Integration.Tests/Node/NodeOtherEndtoEndTests.cs

@@ -24,7 +24,7 @@ public NodeOtherEndtoEndTests(ITestOutputHelper output, TestTempDirTestFixture t
             : base(output, testTempDirTestFixture)
         {
         }
-        
+
 
         [Fact]
         [Trait("category", "node-14-stretch-4")]
@@ -561,8 +561,8 @@ await EndToEndTestHelper.BuildRunAndAssertAppAsync(
         public async Task Node_SoundCloudNgrxAppAsync()
         {
             // Arrange
-            var appName = "soundcloud-ngrx";
-            var nodeVersion = "8.11";
+            var appName = "soundcloud-ng18";
+            var nodeVersion = "18.20.8";
             var osType = ImageTestHelperConstants.OsTypeDebianBullseye;
             var volume = CreateAppVolume(appName);
             var appDir = volume.ContainerDir;

tests/SampleApps/multilanguage/dotNetCoreReactApp/ClientApp/package-lock.json

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Route } from 'react-router';
+import { Routes, Route } from 'react-router-dom';
 import { Layout } from './components/Layout';
 import { Home } from './components/Home';
 import { FetchData } from './components/FetchData';
@@ -10,13 +10,15 @@ import './custom.css'
 export default class App extends Component {
   static displayName = App.name;
 
-  render () {
+  render() {
     return (
       <Layout>
-        <Route exact path='/' component={Home} />
-        <Route path='/counter' component={Counter} />
-        <Route path='/fetch-data' component={FetchData} />
+        <Routes>
+          <Route path='/' element={<Home />} />
+          <Route path='/counter' element={<Counter />} />
+          <Route path='/fetch-data' element={<FetchData />} />
+        </Routes>
       </Layout>
     );
   }
-}
+}

tests/SampleApps/multilanguage/dotNetCoreReactApp/ClientApp/src/App.js

@@ -1,18 +1,18 @@
 import 'bootstrap/dist/css/bootstrap.css';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 
 const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');
 const rootElement = document.getElementById('root');
 
-ReactDOM.render(
+const root = createRoot(rootElement);
+root.render(
   <BrowserRouter basename={baseUrl}>
     <App />
-  </BrowserRouter>,
-  rootElement);
-
-registerServiceWorker();
+  </BrowserRouter>
+);
 
+registerServiceWorker();