Image upload and selection in popup

[AndyJablonski]

Hello.

I have an images collection and I want to select an image within a Popup. At the moment, I have the following modal:

import {useCustomTranslation} from '@/payload/hooks/useCustomTranslation';
import {Modal} from '@/payload/components/Modal/Modal';
import {UploadInput} from '@payloadcms/ui';
import {useState} from 'react';

interface Props {
    modalSlug: string;
    value?: string;
    setValue: (value?: string) => void;
    removeModal: () => void;
}

const BackgroundImageModal = (props: Props) => {
    const {modalSlug, removeModal, value, setValue} = props;

    const [image, setImage] = useState<string>(value || '');

    const {t} = useCustomTranslation();

    const setAndClose = () => {
        setValue(image);
        removeModal();
    };

    return (
        <Modal modalSlug={modalSlug} onConfirm={setAndClose} onCancel={removeModal} confirmLabel={t('common:save')}>
            <div style={{padding: '1rem'}}>
                {'Hier ist ein Modal'}
                <UploadInput path={'image'} relationTo={'images'} label='Bild auswählen' onChange={setImage} />
            </div>
        </Modal>
    );
};

export default BackgroundImageModal;

It works as far as I see the image list, but as soon as I select an image, I get the following error:

[16:46:37] ERROR: not-found
    err: {
      "type": "Error",
      "message": "not-found",
      "stack":
          Error: not-found
              at renderDocument (/home/adj/Projekte/eo-cloud/ui/elektroonline/.next/server/chunks/ssr/node_modules_@payloadcms_next_dist_8a8de551._.js:5232:15)
              at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
              at async Document (/home/adj/Projekte/eo-cloud/ui/elektroonline/.next/server/chunks/ssr/node_modules_@payloadcms_next_dist_8a8de551._.js:5466:48)
    }
 POST /admin/collections/pages/undefinedundefined/images 404 in 456ms

If someone could point out my error, I'd be very grateful.