Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с userFirstName, поскольку оно не является известным свойством user-details

Question

Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с 'userFirstName', поскольку оно не является известным свойством 'user-details'.

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

                    <ul class="list">
                        <li class="p-2 typeOfChats">
                            Online Users:
                        </li>
                        <li class="clearfix cursorPointer" [ngClass]="{'activeChat': user.chatting == true}"
                            (click)="userSelectedToChat(user.userId, user.name)" *ngFor="let user of userList">
                            <div class="userPresence" *ngIf="user.userId != userInfo.userId">
                                <user-details [userFirstName]="user.name" [userLastName]="''"
                                    [userStatus]="'online'" [messageRead]="user.unread"></user-details>
                            </div>
                        </li>

                    </ul>

                </div>

Uncaught Error: Ошибки синтаксического анализа шаблона: Невозможно привязать к userFirstName, так как это не известное свойство 'user-details'.