ReactJS TypeScript:尝试导入错误：'ActionButtonProps‘不是从'./ActionButton’中导出的

src/
  components/
    ActionButton/
      ActionButton.tsx
      ActionButtonProps.ts

import { ActionButtonProps } from './ActionButton/ActionButtonProps';

// ./ActionButton/ActionButtonProps.ts
export interface ActionButtonProps {
  label: string;
  onClick: () => void;
}

// ./ActionButton/ActionButton.tsx
import { ActionButtonProps } from './ActionButtonProps';

export const ActionButton: React.FC<ActionButtonProps> = ({ label, onClick }) => {
  return (
    <button onClick={onClick}>{label}</button>
  );
};

// ./ActionButton/ActionButtonProps.ts
export interface ActionButtonProps {
  label: string;
  onClick: () => void;
}

src/
  components/
    ActionButton/
      ActionButton.tsx
      ActionButtonProps.ts

// ./ActionButton/ActionButtonProps.ts
export interface ActionButtonProps {
  label: string;
  onClick: () => void;
}

// ./ActionButton/ActionButton.tsx
import { ActionButtonProps } from './ActionButtonProps';

export const ActionButton: React.FC<ActionButtonProps> = ({ label, onClick }) => {
  return (
    <button onClick={onClick}>{label}</button>
  );
};

// src/App.tsx
import React from 'react';
import { ActionButton } from './components/ActionButton/ActionButton';

const App: React.FC = () => {
  const handleClick = () => {
    console.log('Button clicked!');
  };

  return (
    <div>
      <ActionButton label="Click me" onClick={handleClick} />
    </div>
  );
};

export default App;