在故事书中，当有某些组件时，主题应该设置为浅色模式。
为了检查当前组件，使用当前URL。
这是检查URL是否包含这些组件之一的方法，它工作正常：

const checkURL = () => {
  const url = window.location.href;
  const componentsToCheck = ['radio-group', 'tabs'];
  return !componentsToCheck.some((component) => url.includes(component));
}

这里用到了

addDecorator((story) => {
  const { currentTheme, setCurrentTheme, themeWithDynamicColors } = useSwitchTheme();

  useEffect(() => {
    if (!checkURL()) {
      setCurrentTheme('light');
    }
  }, [currentTheme]);

  return (
    <SwitchThemeContext.Provider value={{ theme: currentTheme, setTheme: setCurrentTheme }}>
      <ThemeProvider theme={themeWithDynamicColors}>
        <>
         ...
        </>
      </ThemeProvider>
    </SwitchThemeContext.Provider>
  );

它工作正常，但我认为useEffect不是强制性的，使它工作。有没有办法更新currentTheme到light的基础上checkURL()没有useEffect？