Fix type issues

src/components/Modal/Modal.stories.tsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import { Meta, StoryObj } from "@storybook/react";
 import { userEvent, within } from "@storybook/testing-library";
 import { expect } from "@storybook/jest";
-import { useArgs } from "@storybook/preview-api";
 
 import { Modal } from "./Modal";
 

src/features/GuidedTour/GuidedTour.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from "react";
-import Joyride, { CallBackProps, STATUS } from "react-joyride";
+import Joyride, { CallBackProps, STATUS, Step } from "react-joyride";
 import { API } from "@storybook/manager-api";
 import { UPDATE_STORY_ARGS } from "@storybook/core-events";
 import { useTheme } from "@storybook/theming";

src/features/GuidedTour/Tooltip.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { styled } from "@storybook/theming";
-import { TooltipRenderProps } from "react-joyride";
+import { Step, TooltipRenderProps } from "react-joyride";
 import { Button } from "../../components/Button/Button";
 
 const TooltipBody = styled.div`
@@ -40,11 +40,13 @@ const TooltipFooter = styled.div`
   margin-top: 15px;
 `;
 
-export type TooltipProps = TooltipRenderProps & {
-  step: TooltipRenderProps["step"] & {
+export type TooltipProps = {
+  step: Step & {
     hideNextButton?: boolean;
     onNextButtonClick?: () => void;
   };
+  primaryProps: TooltipRenderProps["primaryProps"]
+  tooltipProps: TooltipRenderProps["tooltipProps"]
 };
 
 export const Tooltip = ({ step, primaryProps, tooltipProps }: TooltipProps) => {