Template string can be replaced with regular string literal
136 )}
137 <div
138 ref={msgListDiv}
139 className={`relative bottom-5 mb-16 mx-4 mt-10`}140 >
141 {isLoading && <Loading className="mx-auto w-full" />}
142 {!hasMore && msgs.length >= 15 && (Template string can be replaced with regular string literal
109 <h1 className={'px-4 text-3xl font-bold'}>Ask a question</h1>
110 <div className="divider h-0 bg-red-400" />
111 </div>
112 <div className={`fixed z-50 md:w-[64vw] bottom-0`}>113 <form
114 className={
115 'grid grid-cols-10 pb-5 w-full justify-start items-center mr-12'
Description
Template literals are useful when you need:
Strings that have unescaped double quotes and single quotes.
Strings that need line breaks in them.
If neither of these three conditions is met, you can replace the template expression with a regular string literal.
Bad Practice
const dialogue = `"Journey before destination", said Dalinar.`
const dialogue2 = `What is a 'Kwisatz Haderach'?`
Recommended
const dialogue = '"Journey before destination", said Dalinar.'
const dialogue2 = "What is a 'Kwisatz Haderach'?"
const dialogue3 = `"${getLine()}", said ${getChararcter()}`