Default Style Replacing Custom `sx` Style Props about dripsy HOT 7 CLOSED

well that is super weird

from dripsy.

it seems like a react native web problem. does importing from react-native and using the style prop fix it?

from dripsy.

i also wonder if an older next.js would work

from dripsy.

export function StylesProvider({ children }: { children: React.ReactNode }) {
  useServerInsertedHTML(() => {
    // @ts-ignore
    const sheet = StyleSheet.getSheet();

    console.log(sheet)

    return (
      <style
        // dangerouslySetInnerHTML={{ __html: sheet.textContent }} // --> I comment this
        id={sheet.id}
      />
    );
  });

  return <DripsyAppProvider>{children}</DripsyAppProvider>;
}

when I comment:

// dangerouslySetInnerHTML={{ __html: sheet.textContent }}

Its work....

Is there any idea what side effect when I comment this? :D

from dripsy.

oh you’re using the app dir for this right?

from dripsy.

could you try pages folder? dripsy won’t work well with the app dir

from dripsy.

Oohh yes. No issue if using Page Router.

Thankyou

from dripsy.