DynamicLinksFunction is called once only (on the first accessed page)

[GuyoST]

Hello every one,

i'm using DynamicLinksFunction to add styles depending on the loaded data. When I tested, I could see my styles are correctly loaded for the first page only, and then when I navigate to different pages of the website, the new required styles are not loaded. So I added some console.log("") and breakpoints to see what happens.

Part of my code for the page :

** Loader : **

export const loader: LoaderFunction = async ({ request }) => {
console.log("LOADER FUNCTION")
...
}

** Dynamic Links : **

const dynamicLinks: DynamicLinksFunction<LoaderData> = ({ data }) => {
  console.log("DYNAMIC LINKS FUNCTION")
...
}

export const handle = { dynamicLinks }

** Meta for SEO (title, description of page) : **

export const meta: MetaFunction<LoaderData> = ({ data }: { data: LoaderData }) => {
  console.log("META FUNCTION")
   ...
}

When i open my browser and navigate to a page, let's say :
http://domain.ext:3000/activit%C3%A9s-trampoline

I can see this log :

LOADER FUNCTION
META FUNCTION
DYNAMIC LINKS FUNCTION
GET /activit%C3%A9s-trampoline 200 - - 76.374 ms

Then from the menu of the website, I click to a link to go to another page, let's say :
http://domain.ext:3000/tarifs-trampoline

And I can notice that some styles are not present and some div doesn't render as they should, since the style is missing.

In the log :

LOADER FUNCTION
GET /tarifs-trampoline?_data=routes%2F%24 200 - - 50.767 ms

I can see only the loader function is called.
But strangely, the title in the browser tab has been correctly changed, even if the meta function has not been called.
But the style is not loaded.

Of course, my breakpoint in the dynamiclink function has never been called.

If I refresh the page from the browser, it's called and the style is loaded.

Did I miss something ?
Can someone help me about it ?

Thank you very much

[GuyoST]

Finally I could found out what happened, so please don't try to help me anymore about it :).

For people who whould be in the same situation :

The Meta and dynamics links functions are call client side after hydratation is done, that's why I couldn't see the log server side, it was logged on client side.

My styles were not loaded after the first page, because the DynamicLinks function was accessing a file that ends with ".server.ts" so it was not available for the client. I renamed it with ".ts" instead of ".server.ts" and it's working.