¿Por qué no puedo usar useState en reaccionar?

Cuando quiero usar useState, una de las estructuras de ganchos, en reaccionar, se enoja conmigo const [apple, setApple] = useState(false). Nunca antes me había encontrado con un problema así. ¿Podría haber un lugar que pasé por alto?

Solución del problema

tiene que escribir su gancho dentro de un componente, cuando comienza el nombre del componente con letras minúsculas, se define como una función normal, no como un componente, cámbielo a letras mayúsculas...

import React from "react"
export default function Apple(props) {
 const [apple, setApple] = React.useState(false);
 return (
 <div>
 YOUR_CONTENT
 </div>
 )
}