0b22fc67b3
Integrated react router for better performance reporting Added Sentry Profiler for editor, appviewer and widgets Co-authored-by: Nikhil Nandagopal <nikhil@appsmith.com>
42 lines
891 B
TypeScript
42 lines
891 B
TypeScript
import React, { useEffect } from "react";
|
|
import { Route } from "react-router-dom";
|
|
import AnalyticsUtil from "utils/AnalyticsUtil";
|
|
import * as Sentry from "@sentry/react";
|
|
|
|
const SentryRoute = Sentry.withSentryRouting(Route);
|
|
|
|
const AppRoute = ({
|
|
component: Component,
|
|
...rest
|
|
}: {
|
|
path?: string;
|
|
component: React.ReactType;
|
|
exact?: boolean;
|
|
logDisable?: boolean;
|
|
name: string;
|
|
location?: any;
|
|
}) => {
|
|
useEffect(() => {
|
|
if (!rest.logDisable) {
|
|
AnalyticsUtil.logEvent("NAVIGATE_EDITOR", {
|
|
page: rest.name,
|
|
path: rest.location.pathname,
|
|
});
|
|
}
|
|
}, [rest.name, rest.logDisable, rest.location.pathname]);
|
|
return (
|
|
<SentryRoute
|
|
{...rest}
|
|
render={props => {
|
|
return <Component {...props}></Component>;
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
AppRoute.whyDidYouRender = {
|
|
logOnDifferentValues: false,
|
|
};
|
|
|
|
export default AppRoute;
|