Performance Review

Analyze
this
React component
for
performance optimization opportunities
:
const
UserList
=
(
{
users
}
)
=>
{
const
[
filteredUsers
,
setFilteredUsers
]
=
useState
(
users
)
const
[
searchTerm
,
setSearchTerm
]
=
useState
(
''
)
useEffect
(
(
)
=>
{
setFilteredUsers
(
users
.
filter
(
user
=>
user
.
name
.
toLowerCase
(
)
.
includes
(
searchTerm
.
toLowerCase
(
)
)
)
)
}
,
[
searchTerm
,
users
]
)
return
(
<
div
>
<
input
                type
=
"text"
value
=
{
searchTerm
}
onChange
=
{
(
e
)
=>
setSearchTerm
(
e
.
target
.
value
)
}
/
>
{
filteredUsers
.
map
(
user
=>
(
<
UserCard key
=
{
user
.
id
}
user
=
{
user
}
/
>
)
)
}
<
/
div
>
)
}