Блог

Я создаю веб-приложение react с помощью create-react-app, и сегодня, когда я загрузил проект mt, я столкнулся с этой ошибкой

Ошибка: Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: не определено. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и именованный импорт.

в коде ничего не изменилось, и все, что я смог найти, касалось импорта имен/по умолчанию, но это никак не повлияло на мой код, и я попытался добавить скобки и удалить их, но безрезультатно.

это и есть код:

import {ScrollMenu} from 'react-horizontal-scrolling-menu';

и он используется с этим

             <ScrollMenu 
                data = {data.map((playlists, index) => (
                                    
                    <IconButton 
                    className="playlists"
                    onClick = {() => selectplaylist(playlists, index)}            
                    ref={playlists[index]}
                    key={playlists.id} 
                    > 
                        <Avatar
                            
                            key={playlists.id} 
                            src= {playlists.images[0].url}
                            alt={playlists.name} 
                        ></Avatar>
                        <h5 id={playlists.id} className="playlistName">{playlists.name.slice(0,15)}</h5>
                    </IconButton>

                ))}  
            >          
            </ScrollMenu>
 

пожалуйста, если кто-нибудь знает, как это исправить, пожалуйста, оставьте комментарий! Я новичок в реагировании, и это меня выбило из колеи.