diff --git a/app/soapbox/features/ui/components/trends-panel.tsx b/app/soapbox/features/ui/components/trends-panel.tsx
index ee0d8d763c..9f582d891e 100644
--- a/app/soapbox/features/ui/components/trends-panel.tsx
+++ b/app/soapbox/features/ui/components/trends-panel.tsx
@@ -12,21 +12,13 @@ interface ITrendsPanel {
const TrendsPanel = ({ limit }: ITrendsPanel) => {
const { data: trends, isFetching } = useTrends();
- const sortedTrends = React.useMemo(() => {
- return trends?.sort((a, b) => {
- const num_a = Number(a.getIn(['history', 0, 'accounts']));
- const num_b = Number(b.getIn(['history', 0, 'accounts']));
- return num_b - num_a;
- }).slice(0, limit);
- }, [trends, limit]);
-
if (trends?.length === 0 || isFetching) {
return null;
}
return (
}>
- {sortedTrends?.slice(0, limit).map((hashtag) => (
+ {trends?.slice(0, limit).map((hashtag) => (
))}