diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index a6848b54d8572f93a878dea38600d6b448231773..18f8a558678bf4a038a8d05bcac2a39400a81326 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -90,10 +90,11 @@
 
 <script>
 import NewRent from "@/components/RentingComponents/NewRent.vue";
-import { getItem, getItemPictures, getUser } from "@/utils/apiutil";
+import { getItem, getItemPictures } from "@/utils/apiutil";
 import ImageCarousel from "@/components/RentingComponents/ImageCarousel.vue";
 import UserListItemCard from "@/components/UserProfileComponents/UserListItemCard.vue";
 import DatepickerRange from "@/components/TimepickerComponents/DatepickerRange/DatepickerRange.vue";
+import UserService from "@/services/user.service";
 
 export default {
   name: "ItemInfo",
@@ -126,7 +127,7 @@ export default {
       ],
       pictures: [],
       noPicture: true,
-      userForId: Object,
+      userForId: {},
       rentingStartDate: null,
       rentingEndDate: null,
       totPrice: 0,
@@ -184,7 +185,7 @@ export default {
       //TODO fixs so each image get a correct alt text.
     },
     async getUser(userId) {
-      this.userForId = await getUser(userId);
+      this.userForId = await UserService.getUserFromId(userId);
     },
     setDate(dateOfsomthing) {
       if (dateOfsomthing.startDate == null || dateOfsomthing.endDate == null) {