getting value undefined into function, the function is declare into another js file and used inside the component in react

i have one js file called test.js and i have one function inside it

export const a =(data)=>{
                 console.log(data)
}

and i have a functional component called File.js

import React, {useEffect} from "react";
import {a} from "./test";
let data = "hello"
function File() {
useEffect(()=> {a(data)},[]}
  return ( <div>something</div>)
}
export default File;

and i get output in console.log is undefined, i should get "hello". i dont understand what the problem please help me

After fixing the useEffect() wrong bracket type issue the code should work just fine:

File.js

import React, { useEffect } from 'react';
import { a } from './test';
let data = 'hello';
function File() {
  useEffect(() => a(data), []);
  return <div>something</div>;
}
export default File;

Here I've implemented it in a minimal code environment, and it is printing hello as intended.

Environment Link

StackBlitz Virtual Environment Link