sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pass named function to react.memo so in dev tools it doesn't show as anonymous (#2216)

Browse Source 
This makes debugging easier as well
This commit is contained in:
Aakansha Doshi 2020-10-08 03:07:19 +05:30 committed by GitHub
parent 215128ffdf
commit 3835fa60e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 52 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/excalidraw-embed/index.tsx
View File

@ -9,8 +9,7 @@ import "../css/styles.scss";
import { ExcalidrawProps } from "../types"; import { ExcalidrawProps } from "../types";
import { IsMobileProvider } from "../is-mobile"; import { IsMobileProvider } from "../is-mobile";
const Excalidraw = React.memo( const Excalidraw = (props: ExcalidrawProps) => {
(props: ExcalidrawProps) => {
const { const {
width, width,
height, height,
@ -52,8 +51,9 @@ const Excalidraw = React.memo(
</IsMobileProvider> </IsMobileProvider>
</InitializeApp> </InitializeApp>
); );
}, };
(prevProps: ExcalidrawProps, nextProps: ExcalidrawProps) => {
const areEqual = (prevProps: ExcalidrawProps, nextProps: ExcalidrawProps) => {
const { initialData: prevInitialData, user: prevUser, ...prev } = prevProps; const { initialData: prevInitialData, user: prevUser, ...prev } = prevProps;
const { initialData: nextInitialData, user: nextUser, ...next } = nextProps; const { initialData: nextInitialData, user: nextUser, ...next } = nextProps;
@ -65,7 +65,6 @@ const Excalidraw = React.memo(
prevKeys.length === nextKeys.length && prevKeys.length === nextKeys.length &&
prevKeys.every((key) => prev[key] === next[key]) prevKeys.every((key) => prev[key] === next[key])
); );
}, };
);
export default Excalidraw; export default React.memo(Excalidraw, areEqual);