smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: add react v17 useTransition polyfill (#6618)

Browse source
This commit is contained in:
David Luzar 2023-05-24 17:24:54 +02:00 • committed by GitHub
parent fecbde3f5c
commit 13780f390a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/LibraryMenuSection.tsx
View file

@ -1,4 +1,4 @@
import React, { useEffect, useMemo, useState, useTransition } from "react"; import React, { useEffect, useMemo, useState } from "react";
import { LibraryUnit } from "./LibraryUnit"; import { LibraryUnit } from "./LibraryUnit";
import { LibraryItem } from "../types"; import { LibraryItem } from "../types";
import Stack from "./Stack"; import Stack from "./Stack";
@ -6,6 +6,7 @@ import clsx from "clsx";
import { ExcalidrawElement, NonDeleted } from "../element/types"; import { ExcalidrawElement, NonDeleted } from "../element/types";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg"; import { libraryItemSvgsCache } from "../hooks/useLibraryItemSvg";
import { useTransition } from "../hooks/useTransition";
const ITEMS_PER_ROW = 4; const ITEMS_PER_ROW = 4;
const ROWS_RENDERED_PER_BATCH = 6; const ROWS_RENDERED_PER_BATCH = 6;

9
src/hooks/useTransition.ts Normal file
View file

@ -0,0 +1,9 @@
import React, { useCallback } from "react";
/** noop polyfill for v17. Subset of API available */
function useTransitionPolyfill() {
const startTransition = useCallback((callback: () => void) => callback(), []);
return [false, startTransition] as const;
}
export const useTransition = React.useTransition || useTransitionPolyfill;