Why Tooltip not working with Remix? #6668
-
|
Hi everyone, I'm using RAC Tooltip in a remix project and the simply doesn't work. I have only the following code in my Any ideas or suggestions? Thank you!! import { Button, Tooltip, TooltipTrigger } from 'react-aria-components'
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<Meta />
<Links />
</head>
<body>
<TooltipTrigger closeDelay={0} delay={0}>
<Button>Hover me</Button>
<Tooltip>Random text</Tooltip>
</TooltipTrigger>
<Scripts />
</body>
</html>Not working Working in Stackblitz |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
You should be able to download the stackblitz as a new project. Then I'd see if that project works locally. If it does, then I'd start comparing the settings in your project and the fresh one you downloaded from stackblitz and tweak the new one until it stops working or you can swap it into your project. I haven't used Remix very much myself and I'm not aware of any issues with it right now. You might check any caches as well. |
Beta Was this translation helpful? Give feedback.
-
|
Hello @snowystinger I'm trying to make this example work in my remix app but it doesn't. I tested it on this codesanbox and it's working but I noticed that the Mine Codesandbox These are my imports import { mergeProps, useButton } from 'react-aria'
import * as RAC from 'react-aria-components'Versions "react-aria": "3.33.1",
"react-aria-components": "1.2.1",Any idea why? Maybe something special that react-aria does under the hood that is conflicting with Remix for the tooltip?, although I'm usign other components like Button and it works well |
Beta Was this translation helpful? Give feedback.
-
|
You could check for duplicates/multiple copies of our packages being installed. This usually manifests as a node modules directory inside of another node modules directory. It commonly causes issues like you're seeing. I'm on my phone but there's a script you can run to help determine this. I put it in an issue recently if you want to have a search for it. |
Beta Was this translation helpful? Give feedback.
-
|
@snowystinger Man thank you very much!! I found and ran the script and indeed my monorepo had different versions of some |
Beta Was this translation helpful? Give feedback.
You could check for duplicates/multiple copies of our packages being installed. This usually manifests as a node modules directory inside of another node modules directory. It commonly causes issues like you're seeing.
I'm on my phone but there's a script you can run to help determine this. I put it in an issue recently if you want to have a search for it.