React Tilt problem in About section

[orangeleaf777]

Hello. I faced the react-tilt problem in about section. When I refresh the webpage, white screen was seen. I tried to use import { Tilt } from "react-tilt". The same thing happened. I tried to uninstall the react-tilt and install react-parallax-tilt. Then, I import Tilt from "react-parallax-tilt". The same thing happened. All I could see was black screen. Maybe the previous solution doesn't work anymore?

Anyone could help me fix this?

[Hmmza-tariq]

I found the solution: Stackoverflow

1- Uninstall the package with:

npm uninstall react-tilt

2- Then reinstalled it with:

npm install react-tilt

3- Then in the import of About.jsx and Works.jsx change

import Tilt from "react-tilt";

to

import { Tilt } from "react-tilt";

[orangeleaf777]

Hi, Hmmza. Thanks for answering my question. However, I have already tried this before and it doesn't work. Either black or white screen. I am still trying to figure out the solution. Anyone has suggestion?

[abupraise]

This is still the challenge I am facing, it is just showing a white blank screen

[Sajida0007]

Hello I was Faced the Same problem but I replaced import { Tilt } from "react-tilt"; to import { Tilt } from '/node_modules/.vite/deps/react-tilt.js'; Now it's working and I just completed my portfolio website you will face the same error in works as well but put the same line and error will be resolver

[Sajida0007]

@orangeleaf777 please try this I was also give up then I found the solution

[abupraise]

Ok, I'll check it out. Thank you!

On Sun, 20 Aug 2023, 09:45 Sajida Khan, @.***> wrote:

@orangeleaf777 https://github.com/orangeleaf777 please try this I was also give up then I found the solution

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_3D_developer_portfolio/issues/84#issuecomment-1685227135, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQDALAGECSFVK4TJJGXKTIDXWHFBHANCNFSM6AAAAAA2UNC4BQ . You are receiving this because you commented.Message ID: @.*** com>

[Dablox005]

Hi, Hmmza. Thanks for answering my question. However, I have already tried this before and it doesn't work. Either black or white screen. I am still trying to figure out the solution. Anyone has suggestion?

Import {Tilt} from 'react-tilt'

[Sajida0007]

Import {Tilt} from 'react-tilt' use this instead it will work to import { Tilt } from '/node_modules/.vite/deps/react-tilt.js';

[orangeleaf777]

Hi, Sajida0007. Thanks for your suggestion. I have found my root of problem. It was because of the Section Wrapper. Anyway, thank you so much!

[David-Jesse]

Hi, Sajida0007. Thanks for your suggestion. I have found my root of problem. It was because of the Section Wrapper. Anyway, thank you so much!

Hi orangeleaf please how did you resolve the issue with the Section wrapper?

[orangeleaf777]

@David-Jesse Hi, I made a typo in the Section Wrapper. Once I removed the {} bracket, everything worked fine.

[David-Jesse]

@David-Jesse Hi, I made a typo in the Section Wrapper. Once I removed the {} bracket, everything worked fine.

Ooh, same here. I've sorted it out now. Thanks!