Помогите скомпилировать приложение на next js

[ya-pinki]

Добрый день. Есть исходники (Для просмотра ссылки Войди или Зарегистрируйся) простенького приложения на next js, пример его работы Для просмотра ссылки Войди или Зарегистрируйся
Я пытаюсь его компилировать,чтобы потом разместить на сайте, но натыкаюсь на ошибки:
Ошибки при компиляции

> Build optimization failed: found pages without a React Component as default export in
pages/ColoredImage
pages/mods

Всё, на что мне хватает знаний - прочитать, что там по английски написано и условно понять, что данные берутся из таких-то файлов. Как это всё поправить и заставить работать - вообще не понимаю. Все кто хотел помочь с этим, просили порядка 40 т.р. Я бы и рад заплатить, но больше чем пару тысяч выделить не могу. Это не коммерческий проект, это хобби.
Если кто-то поможет, буду очень признателен.

 

[Maybe]

Добрый день. Есть исходники (Для просмотра ссылки Войди или Зарегистрируйся) простенького приложения на next js, пример его работы Для просмотра ссылки Войди или Зарегистрируйся
Я пытаюсь его компилировать,чтобы потом разместить на сайте, но натыкаюсь на ошибки:
Ошибки при компиляции

> Build optimization failed: found pages without a React Component as default export in
pages/ColoredImage
pages/mods

Всё, на что мне хватает знаний - прочитать, что там по английски написано и условно понять, что данные берутся из таких-то файлов. Как это всё поправить и заставить работать - вообще не понимаю. Все кто хотел помочь с этим, просили порядка 40 т.р. Я бы и рад заплатить, но больше чем пару тысяч выделить не могу. Это не коммерческий проект, это хобби.
Если кто-то поможет, буду очень признателен.

Суть в том что у вас есть компоненты написанные на Реакт, и у них есть обычный экспорт, а не дефолтный.

По типу

export function TestFunction() {
    
}

или

const Test = () => {
    
}

export { Test };

Вам надо сделать дефолтный экспорт, он будет немного отличаться в зависимости от вашей функции, обычной или стрелочной, к примеру

const Test = () => {
    
};

export default Test;

Но учтите, что меняя экспорт, у вас меняется и импорт соответственно. При обычном экспорте вы импортируете типа такого

import { Test } from 'file';

а при дефолтном убираются фигурные скобки

import Test from 'file';