Skip to content

Commit 8c129f2

Browse files
authored
Disable "SSR" option in "useMediaQuery" (#263)
"useMediaQuery" renders once with default values and only on the second render with the resolved values. Thus, "lastPageNum" can potentially get initialized with the value for small/medium screens instead for large screens.
1 parent 8cd1afd commit 8c129f2

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/library/LibraryMangaGrid.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ const LibraryMangaGrid: React.FC<LibraryMangaGridProps & { lastLibraryUpdate: nu
126126
const [filteredManga, setFilteredManga] = useState<IMangaCard[]>([]);
127127
const totalPages = (mangas ?? []).length / 10;
128128
const theme = useTheme();
129-
const isLargeScreen = useMediaQuery(theme.breakpoints.up('sm'));
129+
const isLargeScreen = useMediaQuery(theme.breakpoints.up('sm'), { noSsr: true });
130130
const defaultPageNumber = isLargeScreen ? 4 : 1;
131131
const [lastPageNum, setLastPageNum] = useState<number>(defaultPageNumber);
132132
const { settings } = useSearchSettings();

0 commit comments

Comments
 (0)