Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I'm getting 'TypeError: Object is not a function'

Here is my code (error message seems to think something is wrong with line 7):

import React, { useState } from 'react';
import fb from '../config/firebase';
import ProcessInput from './customHooks/processInput';
const DashBoard = ({ level, newUser }) => {
  const [val, bind] = ProcessInput('');
  const handleChange = (e) => {
    e.preventDefault();
Here is my custom hook: 
import { useState } from 'react';
export const ProcessInput = value => {
  const [val, setVal] = useState(value);
  return {
    setVal,
    bind: {
      onChange: event => {
        setVal(event.target.value);
Thanks in advance for your help. 
                Names of custom hooks should start with use, see reactjs.org/docs/hooks-custom.html#extracting-a-custom-hook
– rrebase
                Apr 26, 2020 at 13:29
                That's a good point, but it's not the case since he is not receiving "object is not iterable" error.
– kind user
                Apr 26, 2020 at 13:36
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.