مشکل در ماژول useState

سلام زمانی که من useState رو فراخونی میکنم بهم ارور میده

import React , { useState } from 'react';

function App() {

  const [stateCard , setCardState] = useState({
    post :[
      {title : 'one post' , body: 'one body' , footer: 'one footer'}
    ]
  })

  return (
    <div className="App">
      <Card title={stateCard.post[0].title}></Card>
      <Card title="two card" body="this is two body" footer="footer"></Card>
      <Card title="three card" body="this is three body" footer="footer"></Card>
    </div>
  )
}

اینم از ارور

  Line 5:10:  Parsing error: Identifier 'useState' has already been declared

  3 | import './App.css';
  4 | import Card from './Card';
> 5 | import { useState } from 'react';