https://smartmoneytools.co.uk/_next/static/chunks/pages/tools/renting-calculator-fa9334b92c245545.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[285],{72060:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return G}});var r=n(83490),a=n(77e3),s=n(97109),o=n.n(s),i=n(25480),l=n(84740),c=n(75271),u=n(70861),h=n(55139),d=n(57094),f=n(51841),p=n(2618),m=n(52676),v="breakdown",g=function(e){var t=e.data,n=e.costs,a=e.refBreakdown,s=(0,u.dB)().prefix;return(0,m.jsxs)("section",{id:v,ref:a,className:"breakdown",children:[(0,m.jsxs)(r.NZ.Root,{children:[(0,m.jsx)(r.NZ.Heading,{href:v,children:"Breakdown"}),(0,m.jsx)("p",{className:"lead",children:"See how the renting total was calculated."})]}),(0,m.jsx)("div",{className:"row",children:(0,m.jsx)("div",{className:"col-12",children:(0,m.jsx)("div",{className:"card mb-5",id:"rent-breakdown","data-aos":"fade-up",children:(0,m.jsxs)("div",{className:"card-body",children:[(0,m.jsx)("h3",{className:"mb-3",children:"Renting"}),(0,m.jsx)(p.zT,{data:t,rentCosts:n,prefix:s})]})})})})]})},y=n(38413),R=(0,c.forwardRef)(function(e,t){var n=e.data,a=n.rentInvestmentPerMonth,s=n.rentInvestmentReturnRate,o=n.stayLength,i=e.rentCosts.investmentGrowth,l=i.totalAdditionalDeposits,c=i.investmentGrowthAdditional,d=e.handleOnChange,f=e.handleCurrencyInputChange,p=e.inputRefs,v=p.refRentInvestmentPerMonth,g=p.refRentInvestmentReturnRate,R=(0,u.dB)().prefix,j=(0,h.qw)(o);return(0,m.jsx)("section",{className:"row section",ref:t,children:(0,m.jsxs)("div",{className:"col-12",children:[(0,m.jsx)("h4",{className:"mb-3",children:"Monthly investment"}),(0,m.jsx)("p",{className:"text-body",children:"Will you be investing additional money after paying your rent every month?"}),(0,m.jsxs)("div",{className:"row mb-3",children:[(0,m.jsx)("div",{className:"col-sm-6",children:(0,m.jsxs)(r.Of.Root,{children:[(0,m.jsx)(r.Of.LabelGroup,{children:(0,m.jsx)(r.Of.Label,{htmlFor:y.Q.investmentPerMonth,className:"text-body",children:"Monthly investment whilst renting :"})}),(0,m.jsx)(r.Of.Control,{name:y.Q.investmentPerMonth,onValueChange:f,defaultValue:a||void 0,value:a,prefix:R,step:100,ref:v,appendText:"per month"}),c.greaterThan(0)&&(0,m.jsxs)("div",{children:[(0,m.jsxs)("p",{className:"text-muted mt-2",children:["Total invested after ",j,":"," ",(0,h.Bw)(l,R)]}),(0,m.jsxs)("p",{className:"text-muted",children:["Investment growth after ",j,":"," ",(0,h.Bw)(c.minus(l),R)]})]})]})}),(0,m.jsx)("div",{className:"col-sm-6",children:(0,m.jsx)(r.r1,{label:"Investment return annual rate",name:"rentInvestmentReturnRate",value:s,onChange:d,ref:g})})]})]})})});R.displayName="InvestmentSection";var j=[{question:"What does the renting calculator work out?",answer:(0,m.jsxs)(m.Fragment,{children:["It totals the full cost of renting over your stay: all the"," ",(0,m.jsx)("a",{href:"#".concat(y.Q.monthlyRent),children:"rent"})," you'll pay (adjusted for"," ",(0,m.jsx)("a",{href:"#".concat(y.Q.growthRate),children:"annual increases"}),"), your ",(0,m.jsx)("a",{href:"#".concat(y.Q.depositMonths),children:"deposit"}),", and any ",(0,m.jsx)("a",{href:"#".concat(y.Q.otherCosts),children:"other costs"}),". It also models what could happen if you invest your savings during that period, so you can see the complete financial picture, not just the monthly rent."]})},{question:"How is this different from the rent vs buy calculator?",answer:(0,m.jsxs)(m.Fragment,{children:["The ",(0,m.jsx)(o(),{href:l.vO[a.T3.RENT_VS_BUY].path,children:"Rent vs Buy Calculator"})," puts renting and buying side by side on the same property to show which leaves you better off. This calculator focuses purely on the renting side. Use it when you've already decided to rent and want to model specific scenarios: how rent increases affect your total, what different investment return rates do to your savings, or how other costs and deposit months add up."]})},{question:"What's the investment section for?",answer:(0,m.jsxs)(m.Fragment,{children:["When you rent, the money you'd otherwise lock up in a property deposit stays accessible. Enter it as"," ",(0,m.jsx)("a",{href:"#".concat(y.Q.savings),children:"capital\xa0/\xa0savings"})," ","to see what it could grow to over your stay. You can also add"," ",(0,m.jsx)("a",{href:"#".concat(y.Q.investmentPerMonth),children:"monthly contributions"})," ","to model ongoing investing. Over a longer stay, that growth directly offsets what you've paid out in rent."]})},{question:"What does the total cost of renting include?",answer:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("a",{href:"#".concat(y.Q.monthlyRent),children:"Total rent"})," paid over your stay (with annual rent growth applied), the deposit, and any other costs. The calculator also shows your investment growth separately so you can see how much you're getting back against what you've paid out. It does not include council tax or contents insurance. Estimate electricity, gas, and water separately with the"," ",(0,m.jsx)(o(),{href:l.vO[a.T3.UTILITY_BILLS_CALCULATOR].path,children:l.vO[a.T3.UTILITY_BILLS_CALCULATOR].title}),"."]})},r.IN.investmentTotalNote,r.IN.savedData,r.IN.bookmarkResults,{question:"Does this work for buying too?",answer:(0,m.jsxs)(m.Fragment,{children:["No. For buying costs, mortgage payments, stamp duty, and property price growth, use the ",(0,m.jsx)(o(),{href:l.vO["Buying Calculator"].path,children:"Buying Calculator"}),". To compare both options directly, use the"," ",(0,m.jsx)(o(),{href:l.vO[a.T3.RENT_VS_BUY].path,children:"Rent vs Buy Calculator"}),"."]})}],x=function(){return(0,m.jsx)(r.o4,{items:j})},O=(0,c.forwardRef)(function(e,t){var n=e.data,a=n.rentSavings,s=n.rentSavingsReturnRate,o=n.stayLength,i=e.rentCosts.investmentGrowth.investmentGrowthSavings,l=e.handleOnChange,c=e.handleCurrencyInputChange,d=e.inputRefs,f=d.refSavingsInput,p=d.refSavingsReturnRate,v=(0,u.dB)().prefix;return(0,m.jsx)("section",{className:"row section",ref:t,children:(0,m.jsxs)("div",{className:"col-12",children:[(0,m.jsx)("h4",{className:"mb-3",children:"Capital / Savings"}),(0,m.jsx)("p",{className:"text-body",children:"Do you have capital or savings invested and generating interest? For example, your would-be mortgage deposit."}),(0,m.jsxs)("div",{className:"row mb-3",children:[(0,m.jsx)("div",{className:"col-sm-6",children:(0,m.jsxs)(r.Of.Root,{children:[(0,m.jsx)(r.Of.LabelGroup,{children:(0,m.jsx)(r.Of.Label,{htmlFor:y.Q.savings,className:"text-body",children:"Capital / Savings"})}),(0,m.jsx)(r.Of.Control,{name:y.Q.savings,onValueChange:c,defaultValue:a||void 0,value:a,prefix:v,step:100,ref:f}),i.greaterThan(0)&&(0,m.jsxs)("p",{className:"text-muted mt-2",children:["Investment growth after ",o," years:"," ",(0,h.Bw)(i,v)]})]})}),(0,m.jsx)("div",{className:"col-sm-6",children:(0,m.jsx)(r.r1,{label:"Investment return annual rate",name:"rentSavingsReturnRate",value:s,onChange:l,ref:p})})]})]})})});O.displayName="SavingsSection";var w=n(93018),C=["stayLength","rentSavings","rentSavingsReturnRate","rentMonthlyValue","rentInvestmentPerMonth","rentInvestmentReturn

1Rate","rentDepositMonths","rentGrowthRate","rentOtherCosts"],b=Object.keys(f.QQ),N=function(e){var t=e.state,n=e.prefix,r=e.targetId,a=e.host;return(0,h.q8)({state:t,SHORT_NAME_TO_STATE_MAP:w.Pw,STATE_TO_SHORT_NAME_MAP:w.QC,prefix:n,host:a,path:"".concat(l.vO["Renting Calculator"].path),targetId:r})},S=n(78662),I=n(53765),T="summary",P=(0,c.forwardRef)(function(e,t){var n=e.handleSaveAndCompare,a=e.dirty,s=e.data,o=e.costs,i=e.inputRefs,l=e.sectionRefs,c=(0,u.dB)().prefix,h=s.rentInvestmentPerMonth,d=s.rentOtherCosts,f=s.rentSavings,v=s.stayLength,g=o.total,y=N({state:s,prefix:c});return(0,m.jsxs)("section",{id:T,className:"summary",ref:t,children:[(0,m.jsxs)(r.NZ.Root,{children:[(0,m.jsx)(r.NZ.Heading,{href:T,children:"Summary"}),(0,m.jsx)(p.M$,{rentTotal:g,rentInvestmentPerMonth:h,rentSavings:f,prefix:c})]}),(0,m.jsx)("div",{className:"row","data-aos":"fade-up",children:(0,m.jsx)("div",{className:"col-md-12",children:(0,m.jsx)("div",{className:"card",children:(0,m.jsx)("div",{className:"card-body",children:(0,m.jsxs)("div",{className:"row",children:[(0,m.jsx)("div",{className:"col-md-6",children:(0,m.jsx)(S.DT,{stayLength:v,initialCapital:new I.Z(f||0),costs:o,prefix:c,inputRefs:{refRentInitialCapital:i.refRentSavings,refRentInvestmentGrowthRate:i.refRentInvestmentPerMonth,refRentInvestmentPerMonth:i.refRentInvestmentPerMonth,refRentMonthlyValue:i.refRentMonthlyValue,refRentDepositMonths:i.refRentDepositMonths,refRentOtherCosts:i.refRentOtherCosts},sectionRefs:l,borderless:!0})}),(0,m.jsx)("div",{className:"col-md-6",children:(0,m.jsx)(p.i0,{rentOtherCosts:d,rentSavings:new I.Z(f||0),rentCosts:o,rentInvestmentPerMonth:new I.Z(h||0),stayLength:v,prefix:c})})]})})})})}),(0,m.jsx)("div",{className:"row mt-5",children:(0,m.jsx)("div",{className:"col",children:(0,m.jsx)("div",{className:"text-center",children:(0,m.jsx)("button",{onClick:n,className:"btn btn-primary",children:a?"Save and Compare":"Compare"})})})}),(0,m.jsx)(r.wK,{url:y})]})});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach(function(t){(0,d.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}P.displayName="SummarySection";var L=function(e){var t=e.rentCalculations,n=e.parsed,r=Object.keys(t).length,s={name:"Rent Calculation ".concat(r>0?r+1:1),id:"",type:a.eN.RENT,timestamp:Date.now(),dirty:!0,values:f.QQ};if(Object.keys(n).length>0){if(n.id&&"string"==typeof n.id&&t[n.id])return t[n.id];var o,i,l=(i=(0,h.Ho)(n,C,w.Pw),(0,h.Rx)(i,b));return _(_({},s),{},{values:_(_({},s.values),l)})}return 1===r?Object.values(t)[0]:s},E=n(807);function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach(function(t){(0,d.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var k=function(e){var t=e.data,n=e.costs,r=e.refBreakdown,a=e.inputRefs,s=e.sectionRefs,o=(0,u.dB)().prefix,i=t.stayLength,l=t.rentSavings,c=function(){r&&r.current&&r.current.scrollIntoView({behavior:"smooth"})};return(0,m.jsxs)("div",{className:"side sticky-top mt-5",children:[(0,m.jsx)("h4",{className:"align-items-center pt-2 mb-3",children:"Quick summary"}),(0,m.jsx)("div",{className:"mb-3",children:(0,m.jsx)(S.DT,{stayLength:i,initialCapital:new I.Z(l||0),costs:n,prefix:o,inputRefs:A(A({},a),{}

1,{refRentInvestmentGrowthRate:a.refRentInvestmentReturnRate,refRentInitialCapital:a.refRentSavings}),sectionRefs:s})}),(0,m.jsx)("div",{className:"card p-1",children:(0,m.jsx)("button",{className:"btn",onClick:c,children:"How is it calculated?"})})]})};function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach(function(t){(0,d.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var V=function(e){var t,n=e.state,s=e.dispatch,o=n.name,d=n.values,f=(0,i.useRouter)(),v=f.push,y=f.query,j=(0,u.RF)(),w=(0,u.pW)(),C=null!==(t=n.dirty)&&void 0!==t&&t,b=(0,u.LM)(),N=b.rentCalculations,S=b.showingDefault?[]:Object.values(N),I="string"==typeof y.id&&!!N[y.id],T=function(e){var t,n=e.target,r=n.value;s({type:"SET_FORM_VALUE",key:n.name,value:(0,h.ID)(r)})},M=function(e,t){s({type:"SET_FORM_VALUE",key:t,value:(0,h.ID)(e)})},_=function(){s({type:"RESET"})},L=function(e){j({type:"prefix",value:e.target.value})},D=function(e){s({type:"SET_FORM_NAME",value:e})},A=function(){if(C){if(n.id)w({type:"UPDATE_RENT_CALCULATION",value:n}),s({type:"SET_FORM_DIRTY",value:!1});else{var e=(0,h.Ox)();w({type:"ADD_RENT_CALCULATION",name:n.name,id:e,comparisonId:"example",comparisonSide:"left",values:U({},n.values)}),v("".concat(l.vO["Renting Calculator"].path,"?id=").concat(e))}}},B=function(){if(C){if(n.id)w({type:"UPDATE_RENT_CALCULATION",value:n});else{var e=(0,h.Ox)();w({type:"ADD_RENT_CALCULATION",name:n.name,id:e,comparisonId:"example",comparisonSide:"left",values:U({},n.values)})}}v("".concat(l.vO["Compare Multiple Properties"].path,"#comparison-section"))},V=(0,h.rV)(n.values),F=(0,E.BH)(V),Q=(0,c.useRef)(null),G=(0,c.useRef)(null),q=(0,c.useRef)(null),Z=(0,c.useRef)(null),H=(0,c.useRef)(null),Y=(0,c.useRef)(null),W=(0,c.useRef)(null),z=(0,c.useRef)(null),X=(0,c.useRef)(null),J=(0,c.useRef)(null),K=(0,c.useRef)(null),$=(0,c.useRef)(null),ee=(0,c.useRef)(null),et=(0,c.useRef)(null),en=(0,c.useRef)(null);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("div",{className:"d-flex flex-column flex-lg-row align-items-start gap-3",children:[(0,m.jsx)(r.o5,{pagePath:l.vO["Renting Calculator"].path,sections:[{id:"calculator",title:"Renting Calculator"},{id:"summary",title:"Summary"},{id:"breakdown",title:"Breakdown"},{id:"faq",title:"FAQs"}]}),(0,m.jsx)(r.rV,{calculations:S,basePath:l.vO["Renting Calculator"].path,comparePath:l.vO["Compare Multiple Properties"].path})]}),I&&(0,m.jsx)("section",{children:(0,m.jsx)(r.Jj,{title:o,handleTitleChange:D})}),(0,m.jsxs)("section",{className:"row",id:"calculator",children:[(0,m.jsxs)("div",{className:"col-lg-9",children:[(0,m.jsx)(r.h0,{dirty:C,handleResetState:_,handPrefixChange:L,handleSaveState:I?A:void 0}),(0,m.jsx)(p.GB,{rentMonthlyValue:d.rentMonthlyValue,rentGrowthRate:d.rentGrowthRate,handleCurrencyInputChange:M,handleOnChange:T,ref:Q,refRentPerMonth:z,refRentGrowthRate:et}),(0,m.jsx)(p.XS,{stayLength:d.stayLength,handleOnChange:T,refStayLength:W}),(0,m.jsx)(O,{data:{rentSavings:d.rentSavings,rentSavingsReturnRate:d.rentSavingsReturnRate,stayLength:d.stayLength},rentCosts:F,handleOnChange:T,handleCurrencyInputChange:M,inputRefs:{refSavingsInput:X,refSavingsReturnRate:J},ref:G}),(0,m.jsx)(R,{data:{rentInvestmentPerMonth:d.rentInvestmentPerMonth,rentInvestmentReturnRate:d.rentInvestmentReturnRate,stayLength:d.stayLength},rentCosts:F,handleOnChange:T,handleCurrencyInputChange:M,inputRefs:{refRentInvestmentPerMonth:K,refRentInvestmentReturnRate:$},ref:q}),(0,m.jsx)(p.i_,{rentDepositMonths:d.rentDepositMonths,rentOtherCosts:d.rentOtherCosts,rentCosts:F,handleCurrencyInputChange:M,handleOnChange:T,ref:Z,inputRefs:{refRentDepositMonths:ee,refRentOtherCosts:en}}),(0,m.jsx)(r.at,{dirty:C,savedId:n.id,formName:o,handleOnSave:A,handleFormNameChange:D,learnMoreHref:"#faq-where-is-my-saved-data-stored"})]}),(0,m.jsx)("div",{className:"col-lg-3 d-none d-lg-block",children:(0,m.jsx)(k,{data:{stayLength:d.stayLength,rentSavings:d.rentSavings},costs:F,refBreakdown:Y,inputRefs:{refRentSavings:X,refSavingsReturnRate:J,refRentInvestmentPerMonth:K,refRentInvestmentReturn

1Rate:$,refRentMonthlyValue:z,refRentDepositMonths:ee,refRentOtherCosts:en},sectionRefs:{refSummary:H}})})]}),(0,m.jsx)("hr",{className:"my-4"}),(0,m.jsx)(P,{handleSaveAndCompare:B,dirty:C,data:d,costs:F,ref:H,inputRefs:{refRentSavings:X,refRentInvestmentPerMonth:K,refRentMonthlyValue:z,refRentDepositMonths:ee,refRentOtherCosts:en},sectionRefs:{refSummary:H}}),(0,m.jsx)(r.CO,{}),(0,m.jsx)(r.q5,{page:a.T3.RENT_VS_BUY,origin:"Compare Advanced - Rent Calculation Page"}),(0,m.jsx)("hr",{className:"my-4"}),(0,m.jsx)(g,{data:d,costs:F,refBreakdown:Y}),(0,m.jsx)(x,{})]})},F=["stayLength","rentMonthlyValue","rentSavings","rentSavingsReturnRate","rentInvestmentPerMonth","rentInvestmentReturnRate","rentDepositMonths","rentGrowthRate","rentOtherCosts"],Q=function(e){var t=e.initialState,n=(0,c.useReducer)((0,h.wt)(t,F),t),r=n[0],a=n[1];return(0,m.jsx)(V,{state:r,dispatch:a})},G=function(){var e=(0,u.LM)().rentCalculations,t=(0,i.useRouter)().query,n=L({rentCalculations:e,parsed:t}),s="string"==typeof t.id&&!e[t.id],h=s?Object.values(e).map(function(e){var t=e.id;return{name:e.name,href:"".concat(l.vO["Renting Calculator"].path,"?id=").concat(t)}}):[],d=(0,c.useRef)(null);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(r.Vj,{page:a.T3.RENTING_CALCULATOR}),(0,m.jsx)(r.jL,{title:"Renting Calculator",lastUpdated:l.vO["Renting Calculator"].lastUpdated,beta:l.vO["Renting Calculator"].isBeta}),(0,m.jsxs)(r._z,{page:a.T3.RENTING_CALCULATOR,className:"renting-calculator",ref:d,children:[(0,m.jsxs)("p",{className:"lead",children:["Work out the true cost of renting: total rent paid, deposit, other costs, and how your savings could grow if you invest the money not tied up in a deposit. Use it alongside the"," ",(0,m.jsx)(o(),{href:l.vO["Buying Calculator"].path,children:"Buying Calculator"})," or the"," ",(0,m.jsx)(o(),{href:l.vO[a.T3.RENT_VS_BUY].path,children:"Rent vs Buy Calculator"})," to compare your options."]}),s&&(0,m.jsx)(r.z0,{suggestions:h}),(0,m.jsx)(Q,{initialState:n},JSON.stringify(t))]})]})}},71747:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/renting-calculator",function(){return n(72060)}])}},function(e){e.O(0,[807,3443,2618,9774,2888,179],function(){return e(e.s=71747)}),_N_E=e.O()}]);