React Hook «useContext» вызывается в функции «age», которая не является ни компонентом функции React, ни пользовательской функцией React Hook

Question

Я использую крючок реакции useContext.

Возраст. js

import React, { useContext } from 'react' ;
import Detail from '../context/detail';

const age = props =>{
    const detail = useContext(Detail);
    return(
        <p>
            Your age is : {detail.age}
        </p>
    );
}

export default age ;

Это дает ошибку следующим образом: React Hook "useContext" is called in function "age" which is neither a React function component or a custom React Hook function

Answer 1

Компоненты функций должны начинаться с заглавной буквы, переименовывать age в Age, чтобы избавиться от ошибки