const PricingMaking = () => {
    const [defaultData, defaultIsLoading, defaultIsError] = useDataApi(api+'/all_colors_materials')

    return (
            ....
             {defaultIsLoading ? <Loading/> : <PricingDefault data={defaultData}/>}
   			....
    )
}