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.
This commit is contained in:
schroda
2023-03-16 18:00:02 +01:00
committed by GitHub
parent 8cd1afd2c7
commit 8c129f2e08

View File

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