[BUG]: Pixel Blast BG , working on windows but not rendering on Mac based systems.ge

[yashbudhia]

Describe the issue

What is happening right now? The Pixel Blast BG component appears to be platform-dependent. It renders correctly and is visible when viewed on a Windows operating system, but it fails to render entirely on Mac-based systems (macOS).

What is supposed to happen? The Pixel Blast BG component should render consistently across all supported platforms, including both Windows and macOS, displaying the intended background effect.

Reproduction Link

No response

Steps to reproduce

Using a computer running macOS, open any browser (e.g., Safari, Chrome, Firefox).

Navigate to the page or Storybook entry where the Pixel Blast BG component is implemented.

Observe that the background effect is missing or does not render.

(For verification) Access the same page using a computer running Windows.

Observe that the background effect renders correctly.

Validations

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

[yashbudhia]

current environment - i have react 19 but using legacy peer deps, is that causing the issue?

[songkeys]

same issue here. not visible on macos

[DavidHDev]

I use MacOS and it works perfectly fine, so the problem is not the OS. It also works fine on Safari Mobile.

Do you see anything in your console in the dev tools? You're going to have to provide more details.

[DavidHDev]

The main possible culprit would be your browsers not supporting WebGL2, which is used by many of the React Bits components. In your settings, make sure you have "Enable Hardware Acceleration" checked, otherwise, this might fail to render. Closing since I'm not able to reproduce.

[songkeys]

@DavidHDev

I made a production here: https://github.com/songkeys/pixel-blast-repro

It's a fresh next.js template with these changes: songkeys/pixel-blast-repro@2c799d3

All i do is running pnpm dlx shadcn@latest add https://reactbits.dev/r/PixelBlast-TS-TW and use code from the demo.

[DavidHDev]

@songkeys like i said, this is a browser issue, and not an OS issue or an issue with the component itself. After cloning your repo and starting the project, it renders without any problem on my Macbook Air, using Chrome, Dia, Safari, all up to date.

As long as your browser supports modern WebGL, it will render.

[songkeys]

@DavidHDev

Ah. This is strange. Because I can see it works in your website's demo 🤔. Do you have any ideas why?

---

edited:

I can ensure the hardware acceleration is on my chrome.

If i understand correctly, macos does not have a global settings to disable this?

The WebGL2 test website tells me my browser supports WebGL2:

The console says my browser supports WebGL2:

Also, tried safari, not working for my demo, but works for yours.

[DavidHDev]

Nope, I have no explanation for you, sorry.

[songkeys]

Thank you for your work! Give me some time to dig into this and get back to you once i know why.