upgrade version of 'next' package to v11.1.4 and fix code

2022-05-11 08:06:30 +00:00 · 2022-05-11 08:06:30 +00:00 · 28e9f9b2de
--- a/samples/todo-app/frontend/next.config.js
+++ b/samples/todo-app/frontend/next.config.js
@ -1,2 +1,4 @@
 const withCSS = require('@zeit/next-css')
-module.exports = withCSS()
+module.exports = withCSS({
+    webpack5: false,
+  })
--- a/samples/todo-app/frontend/package.json
+++ b/samples/todo-app/frontend/package.json
@ -2,7 +2,8 @@
    "name": "todo-frontend",
    "version": "1.0.0",
    "devDependencies": {
-        "nodemon": "^2.0.4"
+        "nodemon": "^2.0.4",
+        "webpack": "^4.46.0"
    },
    "dependencies": {
        "@zeit/next-css": "^1.0.1",
@ -11,7 +12,7 @@
        "express": "^4.17.1",
        "isomorphic-fetch": "^3.0.0",
        "mongodb": "^3.5.8",
-        "next": "^10.2.3",
+        "next": "^11.1.4",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "request": "^2.88.2",
--- a/samples/todo-app/frontend/pages/_app.js
+++ b/samples/todo-app/frontend/pages/_app.js
@ -17,12 +17,12 @@ export default class MyApp extends App {
    const { Component, pageProps } = this.props;

    return (
-      <Container>
+      <div>
        <Head>
            <title>Todo App Sample</title>
        </Head>
        <Component {...pageProps} />
-      </Container>
+      </div>
    );
  }
 }