nextJS 15

[edisonhuff]

Heyo

With the caching and async reworks done in nextJS 15 I'm a little worried of trying to upgrade my solito project on next 14.

Does solito work with next 15? If not are there plans to update solito for next 15?

[nandorojo]

Hey, good question. I would assume so since there aren’t big breaking changes that I know of, but I still have to test it

[edisonhuff]

The big ones I heard about include changing cookie / header / params / search params to be async instead of sync
https://nextjs.org/blog/next-15#async-request-apis-breaking-change

In case you'd like to check the full list:
https://nextjs.org/blog/next-15#other-changes

[iknowhtml]

Not a blocker, but I see the following warning when I use Next.js 15 with Solito when I run the local development server/builds:

../node_modules/react-native-web/dist/exports/render/index.js
Attempted import error: 'hydrate' is not exported from 'react-dom' (imported as 'domLegacyHydrate').

Import trace for requested module:
../node_modules/react-native-web/dist/exports/render/index.js
../node_modules/react-native-web/dist/index.js
./app/providers.tsx

../node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js
Attempted import error: 'unmountComponentAtNode' is not exported from 'react-dom' (imported as 'unmountComponentAtNode').

Import trace for requested module:
../node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js
../node_modules/react-native-web/dist/index.js
./app/providers.tsx

providers.tsx File:

'use client';

import { useServerInsertedHTML } from 'next/navigation';
import { StyleSheet } from 'react-native';

export const StylesProvider = ({ children }: React.PropsWithChildren) => {
  useServerInsertedHTML(() => {
    // @ts-ignore -- Need below for Solito: https://solito.dev/app-directory/overview#appstyles-providertsx
    const sheet = StyleSheet.getSheet();
    return (
      //
      <style
        // biome-ignore lint/security/noDangerouslySetInnerHtml: Required for Solito Router set up: https://solito.dev/app-directory/overview#appstyles-providertsx
        dangerouslySetInnerHTML={{ __html: sheet.textContent }}
        id={sheet.id}
      />
    );
  });

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

Seems related to: gilbarbara/react-joyride#1072