frankcollins3 / T.H.E.-

Take Home Exercise
0 stars 0 forks source link

npm i <ReChart/> : hydration error only for the <BarChart/> [9:41am] #13

Closed frankcollins3 closed 2 months ago

frankcollins3 commented 2 months ago

attempting to do: chase own tail for human error that wasn't mine.

error: Error: Text content does not match server-rendered HTML.

proposed approach: line chart is working but is in a lower row than this row of analyst-estimate components.

suppressHydrationWarning={true} on component first then on _app.tsx <Component/>

// if submitting late didn't nullify all this anyways:

grading is based on clean, modern UI. it's their hydration error it doesn't stop the UI so just let the employers know the tool causes the error.

I also considered asking chatGPT for custom solution but want to finish first then optimize.

frankcollins3 commented 2 months ago

confirmed: 👎 ( only so far. not: & will check to represent institutional ownership %) 👍 <bootstrap card component/> renders like <p> hey </p> no hydration error. [10:56am]