diff --git a/optuna_dashboard/ts/components/GraphEdf.tsx b/optuna_dashboard/ts/components/GraphEdf.tsx
index e5c3a083..30de9868 100644
--- a/optuna_dashboard/ts/components/GraphEdf.tsx
+++ b/optuna_dashboard/ts/components/GraphEdf.tsx
@@ -1,7 +1,7 @@
 import {
   GraphContainer,
   PlotEdf,
-  getPlotDomId,
+  getPlotEdfDomId,
   useGraphComponentState,
 } from "@optuna/react"
 import * as plotly from "plotly.js-dist-min"
@@ -29,7 +29,7 @@ const GraphEdfBackend: FC<{
   const { graphComponentState, notifyGraphDidRender } = useGraphComponentState()
 
   const studyIds = studies.map((s) => s.id)
-  const domId = getPlotDomId(-1)
+  const domId = getPlotEdfDomId(-1)
   const numCompletedTrials = studies.reduce(
     (acc, study) =>
       acc + study?.trials.filter((t) => t.state === "Complete").length,
diff --git a/tslib/react/src/index.ts b/tslib/react/src/index.ts
index e1b4243f..2b24e6a9 100644
--- a/tslib/react/src/index.ts
+++ b/tslib/react/src/index.ts
@@ -1,10 +1,11 @@
 export { DataGrid } from "./components/DataGrid"
 export { plotlyDarkTemplate } from "./components/PlotlyDarkMode"
-export { PlotEdf, getPlotDomId } from "./components/PlotEdf"
+export { PlotEdf, getPlotEdfDomId } from "./components/PlotEdf"
 export type { EdfPlotInfo } from "./components/PlotEdf"
 export { PlotHistory } from "./components/PlotHistory"
 export { PlotImportance } from "./components/PlotImportance"
 export { PlotIntermediateValues } from "./components/PlotIntermediateValues"
+export { PlotSlice, getPlotSliceDomId } from "./components/PlotSlice"
 export { TrialTable } from "./components/TrialTable"
 export { GraphContainer } from "./components/GraphContainer"
 export { useGraphComponentState } from "./hooks/useGraphComponentState"