why paginate not working ? Error: Missing helper: "paginate" - mysql

Question

I am new in nodejs and I faced a problem I can't solve, I searched on google but I don't find any solutions, I have used pagination on my website it's working fine but after I added the layout is not working and give me error !!!
Error: Missing helper: "paginate"
this is my code where is wrong ?? I am using handlebars and MySQL DB
server.js
const path = require('path')
const exphbs = require('express-handlebars');
const helpers = require('handlebars-helpers')
const Handlebars = require('hbs');
var paginateHelper = require('express-handlebars-paginate');
//Register Helper
Handlebars.registerHelper('paginate', require('handlebars-
paginate'));
app.set('view engine', '.hbs');
app.engine('hbs', exphbs.engine({
extname: 'hbs', runtimeOptions: {
allowProtoPropertiesByDefault: true,
allowProtoMethodsByDefault: true,
// allowCallsToHelperMissing: true,
},
defaultLayout: 'main',
layoutsDir: path.join(__dirname + '/views/layouts/'),
partialsDir: path.join( __dirname + '/views/partials/'),
helpers:{
paginateHelper: require('express-handlebars-
paginate').createPagination
}
}))
app.use(express.static('public'));
app.use(express.json());
app.use(express.urlencoded({extended : true}));
app.use(cors())
app.use(bodyParser.json())
app.use(session({
secret:"secret",
resave:true,
saveUninitialized:true
}))
question.js
const db = require('../models')
const Handlebars = require('hbs');
Handlebars.registerHelper('paginate', require('handlebars-
paginate'));
const Users = db.users
const Question = db.questions
const UserAnswer = db.user_answer
const category = db.category
const reviewQuestion = async (req, res) =>{
console.log(req.params.num)
const Q_A = [];
const questions = await Question.findAll({
raw:true,
include: [{
model: category,
attributes : ['category_name'],
where: {id: req.params.num},
}]
}).then( async (dbQuestions)=>{
for ( let question of dbQuestions){
// console.log(question)
const answer = await UserAnswer.findOne({ where: {
questionId : question.id, userId:req.params.id },
raw:true,
required: false
}).then((answer)=>{
const qA = Object.assign({}, question, answer)
Q_A.push(qA);
});
}
});
console.log(Q_A)
res.render('./user/Question-Answer/questions', { layouy:false,
questions: Q_A,
pagination: {
page: req.params.num || 1,
pageCount: 7
},
})
}
questions.hbs (pagination part)
<div class="pagination pagination-centered, center" >
<ul class="paginate">
{{#paginate pagination type="previous"}}
<li {{#if disabled}} class="pageNumber disabled"
{{/if}}>السابق</li>
{{/paginate}}
{{#paginate pagination type="middle"
limit=pagination.pageCount}}
<li {{#if active}} class="pageNumber active"
{{/if}}>{{n}}</li>
{{/paginate}}
{{#paginate pagination type="next"}}
<li {{#if disabled}} class="pageNumber disabled"
{{/if}}>التالي</li>
{{/paginate}}
</ul>
</div>
<div class="container">
<div class="register">
<button type="submit" id="register-link">حفظ لاحقًا</button>
<a href="./questionsdone"><button type="submit"
formaction="./questionsdone" id="register-link">إرسال </button>
</a>
</div>
</div>
</div>
error
Error: Missing helper: "paginate"
help me please, thank you
I added helper in server but not working
`app.set('view engine', '.hbs');
app.engine('hbs', exphbs.engine({
extname: 'hbs', runtimeOptions: {
allowProtoPropertiesByDefault: true,
allowProtoMethodsByDefault: true,
// allowCallsToHelperMissing: true,
},
defaultLayout: 'main',
layoutsDir: path.join(__dirname + '/views/layouts/'),
partialsDir: path.join( __dirname + '/views/partials/'),
helpers:{
paginateHelper: require('express-handlebars-paginate').createPagination
}
}))`