143 <div className="flex flex-col flex-1 items-center justify-center text-center">
144 <p className="mb-2 text-xl">Nothing here yet :(</p>
145 <p className="mb-4 w-64">
146 Here you'll find details about your transactions. Fund your wallet147 to get started!
148 </p>
149 <Link to="/receive" className="w-36 btn btn-primary">
51 USE OF THE SITE, INCLUDING ANY RELIANCE ON ANY SUCH OPINION, ADVICE,
52 STATEMENT, MEMORANDUM, OR INFORMATION CONTAINED HEREIN, SHALL BE AT
53 YOUR SOLE RISK; (ii) THE SITE IS PROVIDED ON AN "AS IS" AND "AS
54 AVAILABLE" BASIS; (iii) EXCEPT AS EXPRESSLY PROVIDED HEREIN WE55 DISCLAIM ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED,
56 INCLUDING, BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY,
57 FITNESS FOR A PARTICULAR PURPOSE, WORKMANLIKE EFFORT, TITLE AND
50 THROUGH THE SITE. YOU EXPRESSLY UNDERSTAND AND AGREE THAT: (i) YOUR
51 USE OF THE SITE, INCLUDING ANY RELIANCE ON ANY SUCH OPINION, ADVICE,
52 STATEMENT, MEMORANDUM, OR INFORMATION CONTAINED HEREIN, SHALL BE AT
53 YOUR SOLE RISK; (ii) THE SITE IS PROVIDED ON AN "AS IS" AND "AS54 AVAILABLE" BASIS; (iii) EXCEPT AS EXPRESSLY PROVIDED HEREIN WE
55 DISCLAIM ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED,
56 INCLUDING, BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY,
50 THROUGH THE SITE. YOU EXPRESSLY UNDERSTAND AND AGREE THAT: (i) YOUR
51 USE OF THE SITE, INCLUDING ANY RELIANCE ON ANY SUCH OPINION, ADVICE,
52 STATEMENT, MEMORANDUM, OR INFORMATION CONTAINED HEREIN, SHALL BE AT
53 YOUR SOLE RISK; (ii) THE SITE IS PROVIDED ON AN "AS IS" AND "AS54 AVAILABLE" BASIS; (iii) EXCEPT AS EXPRESSLY PROVIDED HEREIN WE
55 DISCLAIM ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED,
56 INCLUDING, BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY,
50 THROUGH THE SITE. YOU EXPRESSLY UNDERSTAND AND AGREE THAT: (i) YOUR
51 USE OF THE SITE, INCLUDING ANY RELIANCE ON ANY SUCH OPINION, ADVICE,
52 STATEMENT, MEMORANDUM, OR INFORMATION CONTAINED HEREIN, SHALL BE AT
53 YOUR SOLE RISK; (ii) THE SITE IS PROVIDED ON AN "AS IS" AND "AS54 AVAILABLE" BASIS; (iii) EXCEPT AS EXPRESSLY PROVIDED HEREIN WE
55 DISCLAIM ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED,
56 INCLUDING, BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY,
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 "
;, &ldquo
;, "
or ”
'
can be replaced with &apos
;, ‘
, '
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.
<div> > </div>
<div>Multiple errors: '>> text </div>
<div> > </div>
<div> {'>'} </div>