[BUG]: Ascii Text always cut's off last letter on first page load

[clxakz]

Describe the issue

1. Loading the page for the first time

2. Refreshing the page

3. Here's the code
   <ASCIIText enableWaves planeBaseHeight={5} textFontSize={100} asciiFontSize={8} text="clxakz" />

Reproduction Link

No response

Steps to reproduce

You can see the full code here (line 48): https://github.com/clxakz/hub/blob/main/src/Layout.tsx

Validations

• I have checked other issues to see if my issue was already reported or addressed

[Fran2007]

Hi, I'd like to work on this issue. please let me know if i can work on this issue.

[clxakz]

Temporary fix i figured out:

useEffect(() => {
	if (!sessionStorage.getItem("first-load-reloaded")) {
		sessionStorage.setItem("first-load-reloaded", "true");
		window.location.reload();
	}
}, []);

Also when the AsciiText loads in for the first time it should be centered so i replaced

this.mouse = { x: 0, y: 0 };

with

this.mouse = {
	x: this.width / 2,
	y: this.height / 2,
};