I am attempting to dynamically import a json file inside a useEffect, and it works fine when not using turbopack, but when I add the --turbo flag, the import statements imports the FIRST file in the directory, instead of the one I need.

Snippet:
locale is a state object that is initialized to he and is not changed, yet it imports the first file in the translations dir, which is ar.json. Hard-coding the path to end with he.json imports the correct file.

import(`../public/assets/translations/${locale}.json`)
  .then((msgs) => 
  {
    console.log(msgs.default); // Checking which file was imported
    setMessages(msgs.default);
  })
  .catch((e) => console.error('Failed to load messages:', e));