Use with Remix?

[rzmz]

Has anyone had any success using React Spectrum with Remix?

[reidbarber]

Just gave it a try and it won't work out-of-the-box. It looks like it might need some extra configuration for loading css. I'll take another look when I get some time and follow up with a solution if I get it working.

[reidbarber]

Related: remix-run/remix#108

[reidbarber]

Relevant thread: remix-run/remix#2469

[thinkRoman]

Any updates in this section?

[barbinbrad]

The problem I'm running into so far is that the useIsSSR() function is confused, so when useModal runs these lines, an error is thrown that says document is undefined:

let isSSR = useIsSSR();
let {portalContainer = isSSR ? null : document.body, ...rest} = props;

I'll try to post any updates I find for this. If anyone has ideas, please share.

[snowystinger]

This should be addressed in our next release by #3186
you could probably use patch-package until then

[barbinbrad]

Ahh I see. I was under the impression that I was already running this patch.

[barbinbrad]

Just to follow up, that works well.

[pankajparashar]

Has anyone had any success running this with remix.run? I get Syntax error trying to run it with remix,

SyntaxError: Unexpected token '.'
    at __global_eval__ (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:8:29552)
    at _0x1b0468 (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:15:141263)
    at _0x828625._compile (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:15:139720)
    at _0x2597c1 (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:15:136594)
    at Object.compileFunction (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:341448)
    at wrapSafe (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:218347)
    at Module._compile (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:218715)
    at Object.Module._extensions..js (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:219743)
    at Module.load (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:217769)
    at Function.Module._load (https://node-mv2ti3.w.staticblitz.com/blitz.b97d17a00b41a7a326ea3ef530e60b6aada4f7c7.js:6:215340)``

[reidbarber]

Unfortunately not, see remix-run/remix#2469

[kylekarpack]

As mentioned in the above issue, I think this was finally fixed in Remix 1.10 per the Remix documentation. The example there specifically gives instructions for React Spectrum, and it seemed to work correctly for me

[reidbarber]

A Remix section has been added to the SSR docs