I encountered an issue while trying to deploy my app; specifically, I faced an error during the project building process.
info - Loaded env from /Users/furkanulker/Desktop/Projects/dev-project/.env
info - Skipping validation of types
info - Creating an optimized production build
info - Compiled successfully
info - Collecting page data
[ ] info - Generating static pages (0/4)TypeError: Cannot read properties of undefined (reading 'city')
at NotFound (/Users/furkanulker/Desktop/Projects/dev-project/.next/server/chunks/601.js:40:31)
at Jc (/Users/furkanulker/Desktop/Projects/dev-project/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:64:191)
...
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
The file [city].tsx presents the following content:
import { useEffect, useState } from "react";
import SearchForm from "../../components/Essential/SearchForm";
import Chart from "../../components/DataVisualization/Chart";
import ResultList from "../../components/DataVisualization/ResultList";
...
export default City;
NotFound.tsx contains:
import React from "react";
import SearchForm from "../../components/Essential/SearchForm";
function NotFound({ props }) {
return ...
}
export default NotFound;
If you have any insights or solutions to this issue, your assistance would be greatly appreciated!
In order to meet Stackoverflow's text requirement, here is some additional filler content: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.