' can be escaped with '
213 /></span>
214 </h1>
215 <div className="signuptxt">Create a new account</div>
216 <div className="signuptxt2">It's quick and easy.</div>217
218 <form className="form-container" onSubmit={handleRegister}>
219 {/* <div className="errorShow"> {error && <p>{error}</p>}</div> */}" can be escaped with "
48 </li>
49 <li>
50 <strong>Company</strong> (referred to as either "the Company",
51 "We", "Us" or "Our" in this Agreement) refers to [College Name], 52 [College Address].
53 </li>
54 <li>" can be escaped with "
47 access our Service or parts of our Service.
48 </li>
49 <li>
50 <strong>Company</strong> (referred to as either "the Company", 51 "We", "Us" or "Our" in this Agreement) refers to [College Name],
52 [College Address].
53 </li>' can be escaped with '
257 </div>
258 <div className="dont-have-account">
259 <Link to="/signup" className="forgot-password">
260 Don't have an account?261 </Link>
262 </div>
263 <div className="get-app">" can be escaped with "
61 "Working at CounsellorsWeb has been an incredible journey. The collaborative environment and the focus on innovation make every day exciting." – Jane Doe, Software Engineer
62 </blockquote>
63 <blockquote>
64 "The emphasis on continuous learning and professional development has helped me grow both personally and professionally." – John Smith, Project Manager65 </blockquote>
66 </section>
67" can be escaped with "
58 Don’t just take our word for it. Here’s what some of our employees have to say about working at CounsellorsWeb:
59 </p>
60 <blockquote>
61 "Working at CounsellorsWeb has been an incredible journey. The collaborative environment and the focus on innovation make every day exciting." – Jane Doe, Software Engineer62 </blockquote>
63 <blockquote>
64 "The emphasis on continuous learning and professional development has helped me grow both personally and professionally." – John Smith, Project Manager' can be escaped with '
81 </p>
82 <ul>
83 <li>View your billing history in the 'Billing' section of your account.</li>
84 <li>Update your payment methods under 'Payment Settings'.</li> 85 <li>Contact billing support for any discrepancies or issues.</li>
86 </ul>
87 </section>' can be escaped with '
80 Find information on how to handle your billing and payments, including how to update your payment methods and view your billing history.
81 </p>
82 <ul>
83 <li>View your billing history in the 'Billing' section of your account.</li> 84 <li>Update your payment methods under 'Payment Settings'.</li>
85 <li>Contact billing support for any discrepancies or issues.</li>
86 </ul>' can be escaped with '
70 <ul>
71 <li>Update your personal information in the 'Profile' section.</li>
72 <li>Change your password under 'Security Settings'.</li>
73 <li>Manage your subscriptions and notifications in the 'Preferences' section.</li> 74 </ul>
75 </section>
76' can be escaped with '
69 </p>
70 <ul>
71 <li>Update your personal information in the 'Profile' section.</li>
72 <li>Change your password under 'Security Settings'.</li> 73 <li>Manage your subscriptions and notifications in the 'Preferences' section.</li>
74 </ul>
75 </section>' can be escaped with '
68 Learn how to manage your account settings, update your information, and more.
69 </p>
70 <ul>
71 <li>Update your personal information in the 'Profile' section.</li> 72 <li>Change your password under 'Security Settings'.</li>
73 <li>Manage your subscriptions and notifications in the 'Preferences' section.</li>
74 </ul>' can be escaped with '
46 <ul>
47 <li><strong>How do I reset my password?</strong> Click on 'Forgot Password' on the login page and follow the instructions.</li>
48 <li><strong>How can I update my profile information?</strong> Go to your account settings and make the necessary changes.</li>
49 <li><strong>Where can I find my order history?</strong> Navigate to the 'Orders' section in your account dashboard.</li> 50 </ul>
51 </section>
52' can be escaped with '
44 Have questions? We have answers. Check out our FAQ section for solutions to common problems.
45 </p>
46 <ul>
47 <li><strong>How do I reset my password?</strong> Click on 'Forgot Password' on the login page and follow the instructions.</li> 48 <li><strong>How can I update my profile information?</strong> Go to your account settings and make the necessary changes.</li>
49 <li><strong>Where can I find my order history?</strong> Navigate to the 'Orders' section in your account dashboard.</li>
50 </ul>' can be escaped with '
32 Welcome to our help page. Here you will find all the necessary information to get started with our services.
33 </p>
34 <ul>
35 <li>Sign up for an account by clicking the 'Sign Up' button on the top right corner.</li> 36 <li>Verify your email address by clicking on the link sent to your email.</li>
37 <li>Log in to your account and complete your profile setup.</li>
38 </ul>' can be escaped with '
60
61 {/* forgot password form */}
62 <form className='fp-form' onSubmit={handleSubmit}>
63 <label className="forgot_text" htmlFor="Email">Please enter your email address and and we'll send you a link to get back into your account.</label>64 <input type="email" value={email}
65 onChange={onChangeEvent}
66 placeholder="Enter your email address" className={`common-input ${error === '**Enter a valid E-mail!' ? 'error' : ''} ${error === '**Enter a E-mail!' ? 'error' : ''}`}' can be escaped with '
177 {filteredColleges.length === 0 ? (
178 <div className="no-res-Found-cont">
179 <h1>No Result Found</h1>
180 <h2>We can't find any item matching your search</h2>181 </div>
182 ) : (
183 <div className="colleges">
Description
The issue is raised because of missing or unescaped JSX escape characters. These characters would be injected as a text node in JSX statements, which might not be intentional. These won't throw any syntax or runtime errors, but the rendered output will not be the same as expected.
For example, if one were to misplace their closing bracket (>) in a tag:
<MyComponent
name="name"
type="string"
color="red"> {/* oops! */}
x="y">
Body Text
</MyComponent>
The body text of this would render as in the following example:
x="y">
Body Text
The above output is probably not what was intended. This issue requires that these particular JSX characters (example >, {, } ) are escaped if they appear in the body of a tag.
Another example is when one accidentally includes an extra closing brace.
<MyComponent>{'Text'}}</MyComponent>
The extra brace will be rendered, and the body text will be as below example:
Text}
This issue also checks for " and ', which might be accidentally included when the closing bracket (>) is in the wrong place.
<MyComponent
a="b"> {/* oops! */}
c="d"
Intended body text
</MyComponent>
The preferred way to include one of these characters is to use the HTML escape code.
>can be replaced with>"can be replaced with",“,"or”'can be replaced with',‘,'or’}can be replaced with}
Alternatively, you can include the literal character inside a subexpression (such as <div>{'>'}</div>)
The characters < and { should also be escaped because it will be considered as an error to include those tokens inside a tag.
Bad Practice
<div> > </div>
<div>Multiple errors: '>> text </div>
Recommended
<div> > </div>
<div> {'>'} </div>