توابع مشترک با کامپوننت ها در ری اکت

سلام خب مثلا یک فایل به اسم MostUsedFunc.js میسازید و توش کد پایین هست :

class MostUsedFunc {
     sum(a,b){
        return a+b;
    }
    sub(a,b){
         return a-b;
    }
}

export default new MostUsedFunc;

و بعد هر جا خواستید فراخونی میکنید :

import MostUsedFunc from "../components/MostUsedFunc";

و بعد هم استفاده

<p>{MostUsedFunc.sum(1,2)}</p>

@sinashahoveisi
بله همین کارو کردم. ولی توابعی که داخلش تعریف کردم undefine هستن..

من مشکلتونو متوجه نمیشم اگه میشه کدتونو بذارید یا بیشتر توضیح بدید.