Build optimization failed: found page without a react component as default export in

When you receive the error message “build optimization failed: found page without a react component as default export in”, it means that the build process encountered a file that does not have a React component declared as the default export.

To fix this error, you need to ensure that all your files in the project that are meant to be React components have a valid default export. Here’s an example:

// file: MyComponent.js
import React from 'react';

const MyComponent = () => {
  return (
    <div>
      <h1>Hello World!</h1>
    </div>
  );
};

export default MyComponent;
  

In the above example, the file “MyComponent.js” exports a React component named “MyComponent” as the default export. This is the correct way to declare a React component.

If you encounter this error, make sure to review your files and ensure that every file intended to be a React component follows the correct syntax. Additionally, check if any unintended files or directories are present that may be causing the build process to mistakenly detect non-component files.